Свойство 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 и мультимедийных приложений
Читайте также
Свойство font
Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и те...
Свойство text-stroke
Одновременно устанавливает цвет и толщину контура вокруг букв и символов текста.
Дочерние селекторы
Дочерним называется элемент, который непосредственно располагается внутри родительского элемента....
Свойство align-items
Используется для выравнивания флекс - элементов внутри контейнера, в перпендикулярном направлении.
Свойство background-clip
Определяет, как фоновая картинка или цвет фона должен выводиться под границами. Эффект заметен пр...