text-decoration

Definice a použití

CSS vlastnost text-decoration definuje dekorování (efekty) textu, jako je podtržení, přeškrtnutí atd.

Hodnoty vstupů	Popis	Hodnota
text-decoration	definuje efekty nebo dekorování textu	none underline overline line-through

Ukázka:

CSS

/* Podtrhne daný text v elementu */
div {
   text-decoration: line-through;
}

Použité vlastnosti: text-decoration

HTML

<div>
  <p>neplatné tvrzení</p>
<div>

Použité tagy: <div>, <p>

Výsledek:

neplatné tvrzení

Tip1 Odkazy mají výchozí dekoraci underline (podtržení), pokud právě touto vlastností není nastaveno jinak.

Tip2 Pomocí line-through lze použít například u starých cen na e-shopu, aby byli přeškrtnuté.

Firefoxano

Internet Explorerano

Google Chromeano

Safariano

Operaano