Справочник HTML & CSS

::marker

Маркер или номер пункта списка.

Синтаксис

li::marker { … }

Примеры

Цветные номера и свои маркеры:

<style>
  li::marker { color: crimson; font-weight: bold; }
  .check li::marker { content: "✔ "; color: seagreen; }
</style>
 
<ol><li>Red numbers</li><li>Bold too</li></ol>
<ul class="check"><li>Done</li><li>Also done</li></ul>

Примечания

::marker допускает лишь несколько свойств: цвет, шрифт, content и ещё немногие — без отступов и фона. Для полностью своего маркера скройте стандартный через list-style: none и нарисуйте его через ::before.

См. также

list-style — Вид маркеров списка: тип, положение и картинка.
content — Содержимое псевдоэлементов `::before` и `::after`.
@counter-style — Описывает собственный стиль нумерации списка, который затем можно использовать в `list-style-type` и `counter()`.

Вопросы и ответы по теме

В учебнике

Оформление списков и таблиц — Вид маркеров и list-style, свои маркеры через ::marker, меню из списка без точек, а также рамки, отступы, выравнивание, полосы-зебра и подпись таблицы.

Спасибо, что читаете!