Свойство 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>

Full Stack разработчик web и мультимедийных приложений

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