⌘K

Vlastnost text-decoration

Vlastnost text-decoration přidává textu různé efekty: podtržení, přeškrtnutí, čáru nad textem.

Syntaxe

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

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

Результат:

Příklad . Hodnota line-through

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

Результат:

Příklad . Hodnota overline

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

Результат:

Viz také

BackVlastnost text-alignNextVlastnost text-decoration-line