Atrybut textDecorationLine stylu

Definicja i użycie

textDecorationLine Ustawienie lub zwrócenie atrybutu, który określa typ linii dekoracji (jeśli istnieje).

Uwaga:Możesz również ustawić textDecoration atrybutem, aby textDecorationLine, ta właściwość jest skróconą formą następujących atrybutów:

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

Zobacz również:

Podręcznik CSS:Atrybut text-decoration-line

Przykład

Pokaż akapit z linią na górze:

document.getElementById("myP").style.textDecorationLine = "overline";

Spróbuj sam

Gramatyka

Zwracanie atrybutu textDecorationLine:

object.style.textDecorationLine

Ustawienie atrybutu textDecorationLine:

object.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"

Wartość atrybutu

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

Szczegółowe informacje techniczne

Domyślna wartość: Brak
Zwracana wartość: String, który reprezentuje Atrybut text-decoration-line.
Wersja CSS: CSS3

Obsługa przeglądarek

Tabela zawiera wersje przeglądarek, które w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 36.0 7.0 Webkit 44.0