Vlastnost text-decoration
Vlastnost text-decoration přidává
textu různé efekty: podtržení,
přeškrtnutí, čáru nad textem.
Syntaxe
selektor {
text-decoration: underline | line-through | overline | none;
}
Hodnoty
| Hodnota | Popis |
|---|---|
underline |
Vytvoří podtržený text. |
line-through |
Vytvoří přeškrtnutý text. |
overline |
Vytvoří čáru nad textem. |
none |
Zruší podtržení podtrženého elementu. Nejčastěji se používá pro odkazy, protože jsou ve výchozím nastavení podtržené. |
Výchozí hodnota: none. Pro odkazy
je výchozí hodnota: underline.
Příklad . Hodnota underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Příklad . Hodnota line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Příklad . Hodnota overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Viz také
-
vlastnost
text-decoration-style,
která umožňuje měnit typ čáry -
vlastnost
text-decoration-color,
která umožňuje měnit barvu čáry -
vlastnost
text-decoration-line,
která umožňuje měnit pozici čáry
