Atrybut text-underline-position w CSS

Definicja i użycie

text-underline-position Atrybut określa pozycję dekoracji tekstu z podkreśleniem.

Ustaw pozycję dekoracji tekstu z podkreśleniem：

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Wartość	Opis
auto	Domyślna wartość. Przeglądarka ustawia pozycję podkreślenia.
under	Ustaw podkreślenie pod podstawą liter.
from-font	Jeśli plik pliku czcionki zawiera informacje o pozycji podkreślenia, użyj tej wartości. W przeciwnym razie, użyj auto.
left	W trybie pisanie pionowe, podkreślenie będzie umieszczane po lewej stronie tekstu. W trybie pisanie poziome, podkreślenie będzie umieszczane zgodnie z auto.
right	W trybie pisanie pionowe, podkreślenie będzie umieszczane po prawej stronie tekstu. W trybie pisanie poziome, podkreślenie będzie umieszczane zgodnie z auto.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial。
inherit	Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit。

Domyślna wartość：	auto
Inheredność：	tak
Tworzenie animacji：	Nie jest obsługiwane. Zobacz:Atrybuty związane z animacją。
Wersja：	CSS3
Język JavaScript:	object.style.textUnderlinePosition="under"

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

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0