Własność CSS text-underline-offset

Własność CSS text-underline-offset określa odległość linii podkreślenia tekstu elementu ustawionej przez własność text-decoration-line od jej położenia wyjściowego (określonego przez własność text-underline-position). Wartość dodatnia odsuwa linię od tekstu, a wartość ujemna – przysuwa ją do tekstu.

Przykład

W poniższym przykładzie linia podkreślenia tekstu zostanie podciągnięta do góry o 10 pikseli względem jej położenia wyjściowego.

text-underline-offset: -10px;

Przykładowy efekt:

Wartości i składnia

Własność text-underline-offset przyjmuje jedną z następujących wartości:

auto

Przeglądarka automatycznie wybiera odległość linii podkreślenia od tekstu.

Liczba z jednostką długości

Określa konkretną odległość linii podkreślenia od tekstu. Dopuszczalne są wartości ujemne, które przesuwają linię podkreślenia w stronę tekstu.

Wartość procentowa

Określa procent wartości 1em obecnego fontu. Dopuszczalne są wartości ujemne, które przesuwają linię podkreślenia w stronę tekstu.

Zastosowanie

Własność CSS text-underline-offset obsługuje wszystkie elementy HTML.

Podsumowanie