⌘K

Svojstvo text-decoration

Svojstvo text-decoration dodaje tekstu različite efekte: podvlačenje, precrtavanje, liniju iznad.

Sintaksa

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

Vrednosti

Vrednost Opis
underline Čini podvučen tekst.
line-through Čini precrtan tekst.
overline Postavlja liniju iznad teksta.
none Uklanja podvlačenje podvučenog elementa. Najčešće se koristi za linkove, jer su oni podvučeni po podrazumevanom.

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

Primer . Vrednost underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Primer . Vrednost line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Primer . Vrednost overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Pogledajte takođe

BackSvojstvo text-alignNextSvojstvo text-decoration-line