Атрибут CSS text-emphasis-position

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

text-emphasis-position Атрибут определяет положение маркера подчеркивания (вверх, вниз, слева, справа).

Совет:Использование writing-mode Атрибута для указания горизонтального или вертикального режима письма.

Пример

Использование text-emphasis-position Атрибут:

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

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

Синтаксис CSS

text-emphasis-position: over|under|left|right|initial|inherit;

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

Значение Описание
над Применение маркера подчеркивания над текстом (в горизонтальном письме).
под Применение маркера подчеркивания под текстом (в горизонтальном письме).
слева Применение маркера подчеркивания слева от текста (в вертикальном письме).
справа Применение маркера подчеркивания справа от текста (в вертикальном письме).
initial Установить этот атрибут в его значение по умолчанию. См. initial.
inherit Ингеритность этого атрибута из родительского элемента. См. inherit.

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

Значение по умолчанию: справа
Ингеритность: да
Версия: CSS3
Синтаксис JavaScript: object.style.textEmphasisPosition="under"

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

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

Хром Эдж Фаерфокс Сафари Опера
99.0 99.0 46.0 7.0 85.0