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

cssselektor {
  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:

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;
}

Результат: