The text-decoration-styleharta menetapkan gaya garis bawah pada pautan dan garis bawah, overline, atau barisan melalui di mana-mana teks dengan text-decorationdigunakan.
a ( text-decoration-style: solid; )Nilai
solid: lalai. Hiasan adalah garis pepejal tunggal.double: Hiasan adalah sepasang garis padat.dotted: Hiasan adalah garis putus-putus.dashed: Hiasan adalah garis putus-putus.wavy: Hiasan adalah garis bergelombang.
Demo
Pada masa penulisan ini, text-decoration-stylehanya disokong secara rasmi di Firefox. Ia juga akan berfungsi di penyemak imbas Chrome dengan bendera ciri platform web eksperimen diaktifkan.
Lihat gaya hiasan teks Pen oleh CSS-Tricks (@ css-tricks) di CodePen.
Shorthand
Dalam penyemak imbas yang menyokong text-decoration-styledan text-decoration-coloranda boleh menambahkan gaya hiasan pada text-decorationharta tanah:
.underlined ( text-decoration: underline dotted red; )Pada masa ini hanya Firefox yang menyokong ini tidak dapat diperbaiki. Safari menyokongnya dengan -webkitawalan. Chrome juga memerlukan -webkitawalan dan ciri platform web eksperimental yang diaktifkan dalam bendera Chrome.
Berkaitan
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Maklumat lanjut
- teks-hiasan-gaya dalam Modul Hiasan Teks CSS W3C Tahap 3 CR
- teks-hiasan-gaya di MDN
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Tiada | 6 † | Tiada | Tiada | Tiada | Tiada |
* hanya dengan ciri platform eksperimen web yang diaktifkan bendera
† Firefox 6+ dengan -mozawalan, 36+ tidak dapat diperbaiki.