Properti text-decoration-line

Properti text-decoration-line mengatur posisi garis pada teks. Properti ini harus digunakan bersama dengan properti text-decoration-style dan text-decoration-color. Properti-properti ini memperluas fungsi dari properti text-decoration, sebagai analog yang lebih canggih.

Sintaks

cssselektor {
  text-decoration-line: underline | line-through | overline | none;
}

Nilai

Nilai	Keterangan
`underline`	Membuat teks bergaris bawah.
`line-through`	Membuat teks tercoret.
`overline`	Membuat garis di atas teks.
`none`	Menghapus garis bawah pada elemen yang digarisbawahi. Paling sering digunakan untuk tautan, karena secara default tautan bergaris bawah.

Nilai default: none. Untuk tautan nilai default: underline.

Contoh

Mari kita coret teks dengan garis merah:

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

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

Результат: