Псевдоэлемент::marker применяет стили к маркеру элемента списка, которые обычно содержит значок или номер. Работает с любым элементом или псевдоэлементом, к которого установленdisplay: list-item, например, у такого как<li> или<summary>.

::marker {  color: blue;  font-size: 1.2em;}

Разрешённые свойства

Только некоторые CSS-свойства могут быть использованы с::marker в качестве селектора:

• Всесвойства шрифтов
• white-space
• color
• text-combine-upright,unicode-bidi иdirection
• Свойствоcontent
• Всеanimation иtransition свойства

Syntax

Examples

HTML

<ul>  <li>Peaches</li>  <li>Apples</li>  <li>Plums</li></ul>

CSS

ul li::marker {  color: red;  font-size: 1.5em;}

Result

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

Совместимость с браузерами

Смотрите также

• HTML-элементы, у которые есть маркеры списка по умолчанию:<ol>,<li>,<summary>