text-decoration-line Özelliği

text-decoration-line özelliği, metnin çizgi konumunu belirler. Bu özellik, text-decoration-style ve text-decoration-color özellikleri ile birlikte kullanılmalıdır. Bu özellikler, daha gelişmiş alternatifler olarak, text-decoration özelliğinin etkisini genişletir.

Sözdizimi

seçici {
	text-decoration-line: underline | line-through | overline | none;
}

Değerler

Değer	Açıklama
`underline`	Metni altı çizili yapar.
`line-through`	Metni üstü çizili yapar.
`overline`	Metnin üstüne çizgi ekler.
`none`	Altı çizili bir öğenin alt çizgisini kaldırır. Varsayılan olarak altı çizili oldukları için en çok bağlantılarda kullanılır.

Varsayılan değer: none. Bağlantılar için varsayılan değer: underline.

Örnek

Metni kırmızı bir çizgiyle üstünü çizelim:

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

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