Proprietatea text-decoration
Proprietatea text-decoration adaugă
textului diverse efecte: subliniere,
tăiere cu o linie, linie deasupra.
Sintaxă
selector {
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
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Exemplu . Valoarea line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Exemplu . Valoarea overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Vedeți și
-
proprietatea
text-decoration-style,
care permite modificarea tipului de linie -
proprietatea
text-decoration-color,
care permite modificarea culorii liniei -
proprietatea
text-decoration-line,
care permite modificarea poziției liniei
