Atrybut text-decoration-line w CSS

Definicja i użycie

Atrybut text-decoration-line ustawia rodzaj tekstu dekoracji do użycia (podkreślenie, poprawienie, przebijanie).

Wskazówka:Proszę również zapoznać się z atrybutem text-decoration, który jest skróconą postacią atrybutów text-decoration-line, text-decoration-style oraz text-decoration-color.

Komentarz:Możesz również łączyć wiele wartości, na przykład underline i overline, aby wyświetlać linie zarówno nad jak i pod tekstem.

Inne źródła:

CSS tutorial:Tekst CSS

Podręcznik HTML DOM:textDecorationLine Atrybut

Przykład

Ustaw różne typy linii text-decoration:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Spróbuj sam

CSS składnia

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

Wartość atrybutu

Wartość Opis
none Domyślna wartość. Określa, że text-decoration nie ma linii.
underline Określa wyświetlanie linii pod tekstem.
overline Określa wyświetlanie linii nad tekstem.
line-through Określa wyświetlanie linii przechodzącej przez tekst.
initial Ustawia tę właściwość na jej domyślną wartość. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Techniczne szczegóły

Domyślna wartość: none
Następstwo: Nie
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja: CSS3
JavaScript składnia: object.style.textDecorationLine="overline"

Wspierane przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -webkit- lub -moz- oznaczają pierwszą wersję używającą prefiksu.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0