Свойство text-underline-offset в CSS

определение и использование

text-underline-offset свойство определяет расстояние смещения подчеркивания текста.

пример

установить расстояние смещения подчеркивания текста:

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;
}

попробуйте сами

CSS синтаксис

text-underline-offset: auto|длина|процент|initial|inherit;

значение свойства

значение описание
автоматически по умолчанию. Браузер устанавливает подходящее смещение для подчеркивания.
длина указать смещение в длине.
процент указать смещение в процентах.
initial установите это свойство в его значение по умолчанию. См. также initial.
inherit инherited from its parent element. См. также inherit.

технические детали

по умолчанию: автоматически
наследование: да
создание анимации: не поддерживается. См. также:связанные с анимацией свойства.
Версия: CSS4
JavaScript синтаксис: object.style.textUnderlineOffset="1em"

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает это свойство.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

связанные страницы

Учебник:Декорации текста в CSS

См. также:HTML DOM textDecoration свойство