Atrybut text-underline-offset w CSS

Definicja i użycie

text-underline-offset Atrybut określa odległość odDecorationu podkreślenia.

Przykład

Ustaw odległość odDecorationu podkreślenia:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

Spróbuj sam

Gramatyka CSS

text-underline-offset: auto|length|percentage|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Przeglądarka ustawia odpowiedni odsetek dla podkreślenia.
length Określ odchylenie jako wartość długości.
percentage Określ odchylenie jako wartość procentową.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Przekazuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: auto
Inheredność: tak
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja: CSS4
Gramatyka JavaScript: object.style.textUnderlineOffset="1em"

Obsługa przeglądarek

Liczby w tabeli oznaczają wersje przeglądarek, które w pełni obsługują tę właściwość.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Powiązane strony

Przykłady:Dekoracja tekstu w CSS

Odnośnik:Atrybut textDecoration w HTML DOM