Właściwość CSS text-decoration-line

Definicja stylu, przeznaczenie i użycie text-decoration-line

Właściwość text-decoration-line określa rodzaj dekoracji tekstu do użycia (podkreślenia (underline), nadkreślenia (overline), przekreślenia (line-through).

Tip: możesz także połączyć więcej niż jedną wartość, na przykład podkreślenie (underline) i nadkreślenie (overline), aby wyświetlić linie zarówno pod, jak i nad tekstem.

Wartości właściwości text-decoration-line

Składnia CSS text-decoration-line

text-decoration-line: none |underline | overline | line-through | initial | inherit;

Wsparcie przeglądarek dla właściwości text-decoration-line

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczby przed -moz- i -webkit- określają pierwszą wersję, która działała z prefiksem.

Właściwość
text-decoration-line	57.0	79.0	36.0 6.0 -moz-	7.1 -webkit-	44.0

Przykładowe zastosowania z właściwością text-decoration-line

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

#myDIV {
  text-decoration-line: underline;
}

Przykłady właściwości text-decoration-line

text-decoration-line: none;

text-decoration-line: overline;

text-decoration-line: underline;

text-decoration-line: line-through;

text-decoration-line: overline underline;