⌘K

Proprietatea text-decoration

Proprietatea text-decoration adaugă textului diverse efecte: subliniere, tăiere cu o linie, linie deasupra.

Sintaxă

cssselector {
  text-decoration: underline | line-through | overline | none;
}

Valori

Valoare Descriere
underline Face textul subliniat.
line-through Face textul tăiat cu o linie.
overline Adaugă o linie deasupra textului.
none Anulează sublinierea elementului subliniat. Cel mai des este folosită pentru linkuri, deoarece acestea sunt implicit subliniate.

Valoarea implicită: none. Pentru linkuri valoarea implicită: underline.

Exemplu . Valoarea underline

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

Результат:

Exemplu . Valoarea line-through

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

Результат:

Exemplu . Valoarea overline

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

Результат:

Vedeți și

BackProprietatea text-alignNextProprietatea text-decoration-line