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

cssselector {
  text-decoration-line: solid | double | dotted | dashed | wavy;
}

Nilai

Nilai lalai: solid.

Contoh . Nilai wavy

Sekarang teks akan menjadi bergaris bawah dengan garisan bergelombang merah:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#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:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#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:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: double;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: