Text Transform
Ubah kes teks
Sintaks
visual="[transform-value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
uppercase | text-transform: uppercase | Semua huruf besar |
lowercase | text-transform: lowercase | Semua huruf kecil |
capitalize | text-transform: capitalize | Huruf besar awal perkataan |
normal-case | text-transform: none | Kes normal |
Contoh
html
<span visual="uppercase">Uppercase text</span>Pratonton
Ubah Kes Teks
visual="uppercase" - Ubah kes teks
upperLOWERcapitalize me
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<span space="p:small" visual="bg:primary text:white rounded:small uppercase">upper</span>
<span space="p:small" visual="bg:primary text:white rounded:small lowercase">LOWER</span>
<span space="p:small" visual="bg:primary text:white rounded:small capitalize">capitalize me</span>
</div>