Svojstvo text-decoration
Svojstvo text-decoration dodaje
tekstu različite efekte: podvlačenje,
precrtavanje, liniju iznad.
Sintaksa
selektor {
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
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Primer . Vrednost line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Primer . Vrednost overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Pogledajte takođe
-
svojstvo
text-decoration-style,
koje omogućava da se promeni tip linije -
svojstvo
text-decoration-color,
koje omogućava da se promeni boja linije -
svojstvo
text-decoration-line,
koje omogućava da se promeni pozicija linije
