Mŕtvica - Triky CSS

Anonim

strokeNehnuteľnosť v CSS je pre pridanie ohraničenie SVG tvarov.

.module ( stroke: black; )

Pamätajte:

  • To bude prepísať atribút prezentačné
  • To nebude prepísať inline štýle napr

Hodnoty

Toto strokeubytovacie zariadenie prijíma akékoľvek hodnoty farieb CSS.

  • Pomenované farby - orange
  • Hex farby - #FF9E2C
  • Farby RGB a RGBa - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Farby HSL a HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Úžasne stroketiež akceptuje vzory tvarov SVG, ktoré sú definované vo vnútri defsprvku:

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

Prezrite si vlastnosť ťahu pera pomocou CSS-Tricks (@ css-tricks) na CodePen.

Súvisiace

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

Viac informácií

  • SVG 1.1 Spec
  • MDN na výplniach a ťahoch

Podpora prehľadávača

Chrome Safari Firefox Opera IE Android iOS
Áno Áno Áno Áno 9+ 4,4+ Áno