Vlastnosť text-decoration
Vlastnosť text-decoration pridáva
textu rôzne efekty: podčiarknutie,
prečiarknutie, čiaru nad textom.
Syntax
selektor {
text-decoration: underline | line-through | overline | none;
}
Hodnoty
| Hodnota | Popis |
|---|---|
underline |
Vytvorí podčiarknutý text. |
line-through |
Vytvorí prečiarknutý text. |
overline |
Vytvorí čiaru nad textom. |
none |
Zruší podčiarknutie podčiarknutého elementu. Najčastejšie sa používa pre odkazy, pretože sú štandardne podčiarknuté. |
Predvolená hodnota: none. Pre odkazy
predvolená hodnota: underline.
Príklad . Hodnota underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Príklad . Hodnota line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Príklad . Hodnota overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Pozri tiež
-
vlastnosť
text-decoration-style,
ktorá umožňuje meniť typ čiary -
vlastnosť
text-decoration-color,
ktorá umožňuje meniť farbu čiary -
vlastnosť
text-decoration-line,
ktorá umožňuje meniť pozíciu čiary
