::marker
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Псевдоэлемент ::marker применяет стили к маркеру элемента списка, которые обычно содержит значок или номер. Работает с любым элементом или псевдоэлементом, к которого установлен display: list-item, например, у такого как <li> или <summary>.
css
::marker {
color: blue;
font-size: 1.2em;
}
Разрешённые свойства
Только некоторые CSS-свойства могут быть использованы с ::marker в качестве селектора:
- Все свойства шрифтов
white-spacecolortext-combine-upright,unicode-bidiиdirection- Свойство
content - Все animation и transition свойства
Примечание: The specification states that additional CSS properties may be supported in future.
Syntax
Error: could not find syntax for this itemExamples
HTML
html
<ul>
<li>Peaches</li>
<li>Apples</li>
<li>Plums</li>
</ul>
CSS
css
ul li::marker {
color: red;
font-size: 1.5em;
}
Result
Спецификации
| Specification |
|---|
| CSS Pseudo-Elements Module Level 4 # marker-pseudo |
Совместимость с браузерами
Loading…