Proprietatea text-decoration-line

Proprietatea text-decoration-line stabilește poziția liniei la text. Proprietatea trebuie utilizată împreună cu proprietățile text-decoration-style și text-decoration-color. Aceste proprietăți extind acțiunea proprietății text-decoration, fiind analogi mai avansați.

Sintaxă

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

Valori

Valoare	Descriere
`underline`	Face textul subliniat.
`line-through`	Face textul tăiat.
`overline`	Plasează linia deasupra textului.
`none`	Anulează sublinierea pentru elementul subliniat. Este folosit cel mai des pentru linkuri, deoarece acestea sunt implicit subliniate.

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

Exemplu

Să tăiem textul cu o linie roșie:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: solid;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: