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

Описание

Устанавливает вид маркеров над каждым символом текста. Такие маркеры обычно используются в азиатских языках чтобы показать, как произносится слово. Для русского языка аналогом является знак ударения, который ставится над гласной буквой.

Синтаксис

text-emphasis-style: none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | строка;
Значение Описание
none Маркеры не выводятся.
filled Маркеры будут залиты однотонным цветом.
open Маркеры будут пустыми внутри.
dot Точка.
circle Кружок.
double-circle Двойной кружок.
triangle Треугольник.
sesame Апостроф.
строка Произвольный символ, пишется в одинарных или двойных кавычках.

Пример

<!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-color: red;
 text-emphasis-style: double-circle;
 }
 </style>
 <p>
 Full Stack разработчик web и <span class='q'>мультимедийных</span> приложений
 </p>
</body>
</html>

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

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