The strokeharta di CSS adalah untuk menambah sempadan kepada bentuk SVG.
.module ( stroke: black; )Ingat:
- Ini akan mengatasi atribut persembahan
- Ini tidak akan mengatasi gaya sebaris misalnya
Nilai
Tempat strokepenginapan ini boleh menerima sebarang nilai warna CSS.
- Warna yang dinamakan -
orange - Warna heks -
#FF9E2C - Warna RGB dan RGBa -
rgb(255, 158, 44) and rgba(255, 158, 44, .5) - Warna HSL dan HSLa -
hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)
Cukup hebat, strokejuga menerima corak bentuk SVG yang ditentukan dalam defselemen:
.module ( stroke: url(#pattern); )Lihat harta pena Pena oleh CSS-Tricks (@ css-tricks) di CodePen.
Berkaitan
fillstroke-dasharraystroke-dashoffsetstroke-linecapstroke-width
Maklumat lanjut
- SVG 1.1 Spesifikasi
- MDN mengenai pengisian dan pukulan
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ya | Ya | Ya | Ya | 9+ | 4.4+ | Ya |