Hyphens
Kawal tanda sempang
Sintaks
visual="hyphens:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
none | hyphens: none | Tiada sempang |
manual | hyphens: manual | Sempang manual |
auto | hyphens: auto | Sempang automatik |
Contoh
html
<p visual="hyphens:auto">Automatic hyphenation</p>Pratonton
Sempang
visual="hyphens:auto" - Kawal sempang automatik
none
manual
auto
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<div space="p:small" visual="bg:primary text:white rounded:small hyphens:none">none</div>
<div space="p:small" visual="bg:primary text:white rounded:small hyphens:manual">manual</div>
<div space="p:small" visual="bg:primary text:white rounded:small hyphens:auto">auto</div>
</div>