css властивість text-underline-position

Властивості text-underline-position визначає позицію підкреслення, зазначеного для елементу.

Властивість використовується разом з властивістю text-decoration-line (або властивістю text-decoration), щоб визначити, де повинна розміщуватися лінія.

Приймає в якості значень ключові слова: under, left, right.

правити

Нотатка

Властивість дуже погано підтримується сучасними браузерами. Значення left i right взагалі не працюють.

автор: Wsewlad правити

+ додати пораду чи нотатку

Синтаксис

text-underline-position: auto | under | left | right

Властивість text-underline-position може отримувати 4 значень:

auto

Лінія розташовується стандартно. Значення без задання.

автор: Wsewlad

правити

under

Аналогічно до auto.

автор: Wsewlad

правити

left

Якщо текст написаний вертикально, розташовує лінію ліворуч.

автор: Wsewlad

правити

right

Якщо текст написаний вертикально, розташовує лінію праворуч.

автор: Wsewlad

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
text-underline-position	57	52	9	ні	ні

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<p class="auto">Підкреслення auto: буряк, група, дудка.</p>
<p class="under">Підкреслення under: буряк, група, дудка.</p>

p {
    text-decoration: underline;
    font-size: 22px;
}

.under {
    text-underline-position: under;
}