⌘K

Vlastnosť text-decoration

Vlastnosť text-decoration pridáva textu rôzne efekty: podčiarknutie, prečiarknutie, čiaru nad textom.

Syntax

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

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

Результат:

Príklad . Hodnota line-through

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

Результат:

Príklad . Hodnota overline

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

Результат:

Pozri tiež

BackVlastnosť text-alignNextVlastnosť text-decoration-line