CSS селектор ::marker — стилізація маркера списку

CSS псевдоелемент ::marker стилізує маркер пункту списку — крапку або номер.

правити

Загальний опис

Раніше пофарбувати крапку окремо від тексту було неможливо: доводилось прибирати маркер зовсім і малювати свій через ::before. Тепер це один рядок.

правити

Нотатка

У ::marker дозволено не всі властивості: працюють color, font-*, content, але не background чи padding.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

::marker

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
marker	86+	68+	11.1+	72+	86+	-

Підтримка: мобільні переглядачі

Переглядач
marker	86+	yes	yes	11.3+

Приклади

+ запропонувати свій приклад у пісочниці

<ol>
    <li>Перший пункт</li>
    <li>Другий пункт</li>
</ol>

li::marker {
    color: #0172ad;
    font-weight: bold;
    font-size: 1.2em;
}