A strokeCSS tulajdonság egy szegély hozzáadásához az SVG alakzatokhoz.
.module ( stroke: black; )Emlékezik:
- Ez lesz felülírja a bemutató attribútum
- Ez nem fogja felülírni az inline stílust, pl
Értékek
A stroketulajdon bármely CSS színértéket elfogadhat.
- Nevezett színek -
orange - Hex színek -
#FF9E2C - RGB és RGBa színek -
rgb(255, 158, 44) and rgba(255, 158, 44, .5) - HSL és HSLa színek -
hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)
Döbbenetesen strokeelfogadja az SVG alakzatok mintáit is, amelyek egy defselem belsejében vannak meghatározva :
.module ( stroke: url(#pattern); )Lásd a CSS-Tricks (@ css-tricks) Pen stroke tulajdonságát a CodePen-en.
Összefüggő
fillstroke-dasharraystroke-dashoffsetstroke-linecapstroke-width
Több információ
- SVG 1.1 Spec
- MDN a kitöltésekről és agyvérzésekről
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Igen | Igen | Igen | Igen | 9+ | 4.4+ | Igen |