Moždani udar - CSS-trikovi

Anonim

strokeNekretnina u CSS je za dodavanje obruba SVG oblika.

.module ( stroke: black; )

Zapamtiti:

  • Ovo će poništiti atribut prezentacije
  • To neće nadjačati ugrađeni stil, npr

Vrijednosti

strokeImovine može prihvatiti bilo koju vrijednost CSS boje.

  • Imenovane boje - orange
  • Hex boje - #FF9E2C
  • RGB i RGBa boje - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • HSL i HSLa boje - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Dovoljno strašno, strokeprihvaća i uzorke SVG oblika koji su definirani unutar defselementa:

.module ( stroke: url(#pattern); )

Pogledajte svojstvo poteza olovke od CSS-Tricks (@ css-tricks) na CodePenu.

Povezano

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • stroke-width

Više informacija

  • SVG 1.1 Spec
  • MDN na ispunama i potezima

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
Da Da Da Da 9+ 4,4+ Da