Свойство 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 и мультимедийных приложений
Читайте также
Функция calc()
Используется для указания вычисляемого значения свойств, которые в качестве значений используют р...
Стиль выделенного пользователем текста
Псевдоэлемент ::selection применяет стиль к выделенному пользователем тексту. В правилах стилей д...
Свойство margin-bottom
Устанавливает величину отступа от нижней границы текущего элемента до внутренней границы его роди...
Свойство white-space
Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любо...
Свойство list-style-position
Указывает, как будет размещаться маркер относительно текста — маркер обтекается текстом или вынес...