Stroke Width
Tetapkan lebar gurisan SVG
Sintaks
visual="stroke-w:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
0 | stroke-width: 0 | Tiada gurisan |
1 | stroke-width: 1px | Gurisan 1px |
2 | stroke-width: 2px | Gurisan 2px |
Contoh
html
<svg visual="stroke:black stroke-w:2">...</svg>Pratonton
Lebar Gurisan
visual="stroke-w:2" - Kawal ketebalan gurisan SVG
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<svg visual="stroke:primary fill:none stroke-w:1" width="40" height="40" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
<svg visual="stroke:primary fill:none stroke-w:2" width="40" height="40" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
<svg visual="stroke:primary fill:none stroke-w:3" width="40" height="40" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
</div>Nilai Arbitrari
Sokong nilai tersuai menggunakan sintaks kurungan segi empat:
html
<div visual="stroke:[custom-value]">Custom</div>