Svojstvo text-decoration-line

Svojstvo text-decoration-line zadaje pozicioniranje linije kod teksta. Ovo svojstvo treba koristiti zajedno sa svojstvima text-decoration-style i text-decoration-color. Ova svojstva proširuju delovanje svojstva text-decoration, pošto su napredniji analozi.

Sintaksa

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

Vrednosti

Vrednost	Opis
`underline`	Čini tekst podvučenim.
`line-through`	Čini tekst precrtanim.
`overline`	Pravi liniju iznad teksta.
`none`	Poništava podvlačenje podvučenog elementa. Najčešće se koristi za linkove, jer su oni podrazumevano podvučeni.

Podrazumevana vrednost: none. Za linkove podrazumevana vrednost je: underline.

Primer

Hajde da precrtamo tekst crvenom linijom:

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

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