Свойство text-emphasis

Описание

Сокращённое свойство, позволяющее установить значения свойств text-emphasis-style и text-emphasis-color одновременно.

Синтаксис

text-emphasis: text-emphasis-style || text-emphasis-color;
Значение Описание
none Без выделения.
filled Форма заполнена сплошным цветом.
open Форма полая.
dot Отображать маленькие кружки в виде отметок. Заполненная точка - • (U+2022), а открытая точка - ◦ (U+25E6).
circle Показать большие круги в виде отметок. Заполненный кружок - ● (U+25CF), а открытый кружок - ○ (U+25CB).
double-circle Отображать двойные кружки в виде отметок. Заполненный двойной кружок - ◉ (U+25C9), а открытый двойной кружок - ◎ (U+25CE).
triangle Отображать треугольники в виде отметок. Заполненный треугольник - ▲ (U+25B2), а открытый треугольник - △ (U+25B3).
sesame Показать сезам в виде отметок. Заполненный - ﹅ (U+FE45), а открытый - ﹆ (U+FE46).
строка Отобразить данную строку в виде отметок. Авторам не следует указывать более одного символа . Браузер может обрезать или игнорировать строки, состоящие из нескольких символов.
цвет Определяет цвет знака. Если цвет отсутствует, по умолчанию используется currentColor.

Пример

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

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

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