strokeNieruchomość w CSS jest dla dodaniem ramki do kształtów SVG.
.module ( stroke: black; )Zapamiętaj:
- Spowoduje to zastąpienie atrybutu prezentacji
- Nie spowoduje to zastąpienia stylu wbudowanego, np
Wartości
strokeNieruchomość może przyjąć dowolną wartość koloru CSS.
- Nazwane kolory -
orange - Kolory Hex -
#FF9E2C - Kolory RGB i RGBa -
rgb(255, 158, 44) and rgba(255, 158, 44, .5) - Kolory HSL i HSLa -
hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)
Niesamowite, strokeakceptuje również wzorce kształtów SVG, które są zdefiniowane wewnątrz defselementu:
.module ( stroke: url(#pattern); )Zobacz właściwość Pen stroke autorstwa CSS-Tricks (@ css-tricks) w CodePen.
Związane z
fillstroke-dasharraystroke-dashoffsetstroke-linecapstroke-width
Więcej informacji
- SVG 1.1 Spec
- MDN na wypełnieniach i obrysach
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| tak | tak | tak | tak | 9+ | 4.4+ | tak |