Ciri text-decoration-line

Ciri text-decoration-line menetapkan kedudukan garis pada teks. Ciri ini hendaklah digunakan bersama-sama dengan ciri text-decoration-style dan text-decoration-color. Ciri-ciri ini mengembangkan tindakan ciri text-decoration, merupakan analog yang lebih maju.

Sintaks

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

Nilai

Nilai	Keterangan
`underline`	Menjadikan teks bergaris bawah.
`line-through`	Menjadikan teks bergaris tengah.
`overline`	Menjadikan garis di atas teks.
`none`	Membatalkan garis bawah elemen yang digarisbawahi. Paling kerap digunakan untuk pautan, kerana secara lalainya ia bergaris bawah.

Nilai lalai: none. Untuk pautan nilai lalai: underline.

Contoh

Mari kita garistengah teks dengan garis merah:

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

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