W3docs
ru
Войти

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

Use the text-underline-position CSS property to specify the position of an underline for the element. See property values and try examples.

Свойство text-underline-position задаёт положение подчёркивания для элемента, у которого указано значение "underline" для свойства text-decoration.

Свойство text-underline-position широко поддерживается во всех современных браузерах.

Начальное значениеauto
Применяется коВсем элементам.
НаследуетсяДа.
АнимируемоеНет.
ВерсияCSS3
Синтаксис DOMobject.style.textUnderlinePosition = "under";

Примечание: В JavaScript свойства CSS с дефисами преобразуются в camelCase (например, text-underline-position становится textUnderlinePosition).

Синтаксис

Значения CSS text-underline-position

text-underline-position: auto | [ under || left || right || above || below ] | initial | inherit;

Пример свойства text-underline-position:

Пример кода CSS text-underline-position

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      p {
        text-decoration: underline;
        text-underline-position: under;
      }
    </style>
  </head>
  <body>
    <h2>Text underline-position property example</h2>
    <p>Lorem Ipsum is simply dummy text...</p>
  </body>
</html>
Попробуйте сами »

Результат

CSS text-underline-position under value

Пример свойства text-underline-position со значением "under":

Пример значения "under" для CSS text-underline-position

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      p {
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-color: #1c87c9;
        font-size: 25px;
      }
    </style>
  </head>
  <body>
    <h2>Text underline-position property example</h2>
    <p>Lorem Ipsum is simply dummy text...</p>
  </body>
</html>
Попробуйте сами »

Значения

ЗначениеОписание
autoБраузер использует собственный алгоритм для размещения линии на или под базовой линией алфавита.
underПринудительно размещает подчёркивание под текстовым содержимым элемента.
leftПринудительно размещает подчёркивание слева от текста при вертикальном режиме записи.
rightПринудительно размещает подчёркивание справа от текста при вертикальном режиме записи.
aboveПринудительно размещает линию над текстом.
belowПринудительно размещает линию под текстом.
initialЗаставляет свойство использовать значение по умолчанию.
inheritНаследует свойство от родительского элемента.

Практика

Практика

Какое утверждение неверно относительно свойства text-underline-position?