Slagtilfælde - CSS-tricks

Anonim

Den strokeejendom i CSS er til at tilføje en kant til SVG former.

.module ( stroke: black; )

Husk:

  • Dette vil tilsidesætte en præsentation attribut
  • Dette tilsidesætter ikke en indbygget stil, f.eks

Værdier

Den strokeegenskab kan acceptere nogen CSS farveværdi.

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

Fantastisk nok, strokeaccepterer også mønstre af SVG-figurer, der er defineret inde i et defselement:

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

Se egenskaben Pen stroke ved CSS-Tricks (@ css-tricks) på CodePen.

Relaterede

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

Mere information

  • SVG 1.1 Spec
  • MDN på fyld og slag

Browsersupport

Chrome Safari Firefox Opera IE Android iOS
Ja Ja Ja Ja 9+ 4.4+ Ja