The text-decoration-styleproperti menetapkan gaya menggarisbawahi pada link dan garis bawah, overline, atau line-melalui pada teks dengan text-decorationditerapkan.
a ( text-decoration-style: solid; )Nilai
solid: default. Dekorasi adalah satu garis utuh.double: Dekorasi adalah sepasang garis padat.dotted: Dekorasi adalah garis putus-putus.dashed: Dekorasi adalah garis putus-putus.wavy: Dekorasi berupa garis bergelombang.
Demo
Pada saat penulisan ini, text-decoration-stylehanya secara resmi didukung di Firefox. Ini juga akan bekerja di browser Chrome dengan mengaktifkan tanda fitur platform web eksperimental.
Lihat gaya dekorasi teks Pena oleh CSS-Tricks (@ css-trick) di CodePen.
Steno
Di browser yang mendukung text-decoration-styledan text-decoration-colorAnda dapat menambahkan gaya dekorasi ke text-decorationproperti singkatan:
.underlined ( text-decoration: underline dotted red; )Saat ini hanya Firefox yang mendukung fitur ini. Safari mendukungnya dengan -webkitawalan. Chrome juga membutuhkan -webkitawalan dan fitur platform web eksperimental yang diaktifkan di bendera Chrome.
Terkait
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Informasi Lebih Lanjut
- text-decoration-style di W3C CSS Text Decoration Module Level 3 CR
- teks-dekorasi-gaya di MDN
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Tidak ada | 6 † | Tidak ada | Tidak ada | Tidak ada | Tidak ada |
* hanya dengan tanda fitur platform web eksperimental diaktifkan
† Firefox 6+ dengan -mozawalan, 36+ belum diperbaiki.