Fill
Tetapkan warna pengisian SVG
Sintaks
visual="fill:[color]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
none | fill: none | Tiada pengisian |
current | fill: currentColor | Warna semasa |
Contoh
html
<svg visual="fill:primary">...</svg>Pratonton
Pengisian SVG
visual="fill:primary" - Isi elemen SVG dengan warna
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<svg visual="fill:primary" width="40" height="40" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
<svg visual="fill:danger" width="40" height="40" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
<svg visual="fill:success" 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="fill:[custom-value]">Custom</div>