Aivohalvaus - CSS-temppuja

strokeOmaisuus CSS on lisätä raja SVG muotoja.

.module ( stroke: black; )

Muistaa:

• Tämä tulee ohittaa esityksen määrite
• Tämä ei korvaa linjatyyliä esim

Arvot

strokeOmaisuus voi hyväksyä CSS väriarvo.

• Nimetyt värit - orange
• Hex värit - #FF9E2C
• RGB- ja RGBa-värit - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
• HSL- ja HSLa-värit - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Mahtavan mahtavasti strokehyväksyy myös SVG-muotojen mallit, jotka on määritelty defselementin sisällä :

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

Katso CSS-Tricks (@ css-tricks) Pen stroke -ominaisuus CodePenistä.

Liittyvät

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

Lisää tietoa

• SVG 1.1 Erittely
• MDN täytteissä ja aivohalvauksissa

Selaimen tuki

Kromi	Safari	Firefox	Ooppera	IE	Android	iOS
Joo	Joo	Joo	Joo	9+	4.4+	Joo