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

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

text-underline-position Атрибут определяет положение текстового подчеркивания.

Пример

Установить положение текстового подчеркивания:

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

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

CSS syntax

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

Значение атрибута

Значение Описание
auto Значение по умолчанию. Браузер устанавливает положение подчеркивания.
under Установить подстрочную линию под базой строки.
from-font

Если файл шрифта содержит информацию о положении подстрочной линии, то используется это значение.

В противном случае, используется значение по умолчанию.
left

В вертикальном режиме написания, подстрочная линия будет расположена слева от текста.

В горизонтальном режиме написания, подстрочная линия будет расположена по умолчанию.
right

В вертикальном режиме написания, подстрочная линия будет расположена справа от текста.

В горизонтальном режиме написания, подстрочная линия будет расположена по умолчанию.
initial Этот атрибут устанавливается в значение по умолчанию. См. также: initial.
inherit Этот атрибут наследуется от родительского элемента. См. также: inherit.

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

Значение по умолчанию: auto
Ингерит: да
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript syntax: object.style.textUnderlinePosition="under"

Поддержка браузерами

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

Chrome Edge Firefox Safari Opera
33.0 79.0 74.0 12.1 20.0

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

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

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