Перейти к содержанию

text-emphasis-style

Свойство text-emphasis-style устанавливает внешний вид меток выделения.

Демо

Текст

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
/* Initial value */
text-emphasis-style: none; /* No emphasis marks */

/*  value */
text-emphasis-style: 'x';
text-emphasis-style: '点';
text-emphasis-style: '\25B2';
text-emphasis-style: '*';
text-emphasis-style: 'foo'; /* Should NOT use. It may be computed to or rendered as 'f' only */

/* Keywords value */
text-emphasis-style: filled;
text-emphasis-style: open;
text-emphasis-style: filled sesame;
text-emphasis-style: open sesame;

/* Global values */
text-emphasis-style: inherit;
text-emphasis-style: initial;
text-emphasis-style: unset;

Значения

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).
<строка>
Отобразить данную строку в виде отметок. Авторам не следует указывать более одного символа . Браузер может обрезать или игнорировать строки, состоящие из нескольких символов.

Спецификация

Пример

1
2
3
4
h2 {
  -webkit-text-emphasis-style: triangle open;
  text-emphasis-style: triangle open;
}

Результат:

text-emphasis-style

См. также

Ссылки

Комментарии