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ă
selector {
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:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: solid;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
