Свойство 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>Читайте также
Свойство max-height
Устанавливает максимальную высоту элемента.
Значение высоты элемента будет вычисляться в зависимости от значений установленных свойств height, ...
Свойство background-position-x
Задаёт начальное положение фонового изображения по оси X, установленного с помощью свойства background-image...
Свойство text-emphasis-position
Устанавливает положение маркеров, отображаемых с помощью свойства text-emphasis-style....
Правило @viewport
Позволяет оптимизировать макет веб-страницы в зависимости от различных устройств и их размеров. Является аналогом meta name='viewpo...