User Avatar

Свойство text-emphasis-position

Описание

Устанавливает положение маркеров, отображаемых с помощью свойства text-emphasis-style.

Синтаксис

text-emphasis-position: [ over | under ] && [ right | left ];

Подробности

Значение Описание
over Маркеры выводятся над текстом при его горизонтальном написании. Используется по умолчанию.
under Маркеры выводятся под текстом при его горизонтальном написании.
right Маркеры выводятся справа от текста при его вертикальном написании. Используется по умолчанию.
left Маркеры выводятся слева от текста при его вертикальном написании.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 .q {
 text-emphasis: triangle red;
 text-emphasis-position: under;
 }
 </style>
 <p>
 Full Stack разработчик web и <span class='q'>мультимедийных</span> приложений
 </p>
</body>
</html>

Читайте также

Стиль первой строки форматированного текста

Псевдоэлемент ::first-line задаёт стиль первой строки форматированного текста. Длина этой строки зависит от многих факторов, таких как используемый шр...

Свойство all

Универсальное свойство, сбрасывает все значения свойств в исходные значения, исключением является свойства direction и unicode-bidi....

Свойство transition-duration

Задаёт время в секундах или миллисекундах, сколько должна длиться анимация перехода до её завершения. По умолчанию значение равно 0s, это означает, чт...

Стиль включенных элементов интерфейса

Псевдокласс :checked применяется к элементам интерфейса, таким как переключатели (checkbox), флажки (radio) и пункты списка (option), когда они находя...