Sifat text-decoration-style
Sifat text-decoration-style mengubah
jenis garisan pada teks: garisan tunggal, berganda,
berbentuk titik, berbentuk sengkang, garisan bergelombang.
Sifat ini perlu digunakan bersama-sama dengan
sifat text-decoration-line
dan text-decoration-color.
Sifat-sifat ini mengembangkan tindakan sifat
text-decoration,
merupakan analog yang lebih maju.
Sintaks
selector {
text-decoration-line: solid | double | dotted | dashed | wavy;
}
Nilai
| Nilai | Keterangan |
|---|---|
solid |
Garisan padat. |
double |
Garisan berganda. |
dotted |
Garisan berbentuk titik. |
dashed |
Garisan berbentuk sengkang. |
wavy |
Garisan bergelombang. |
Nilai lalai: solid.
Contoh . Nilai wavy
Sekarang teks akan menjadi bergaris bawah dengan garisan bergelombang merah:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: wavy;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Contoh . Nilai dotted
Sekarang teks akan menjadi bergaris bawah dengan garisan berbentuk titik merah:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: dotted;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Contoh . Nilai double
Sekarang teks akan menjadi bergaris tengah dengan garisan berganda merah:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: double;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
