Свойство 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>Читайте также
Вывод контента после содержимого элемента
Псевдоэлемент, который используется для вывода контента после содержимого элемента, к которому он добавляется. Псевдоэлемент ::after работает совместн...
Свойство word-break
Указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область....
Соседние селекторы
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа....
Селекторы атрибутов
Устанавливает стиль для элемента, если задан специфичный атрибут. Его значение в данном случае не важно....