counter-reset

Обновлено: 03.06.2022

counter-reset

Устанавливает переменную, в которой будет храниться счётчик отображений определенного элемента, а также начальное значение счётчика. Такой счётчик может выводиться с помощью свойства content и псевдоэлементов :after и ::before.

Краткая информация

Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам
Анимируется Нет

Синтаксис

counter-reset: [<переменная> | <число>?]+ | none

Значения

none Запрещает инициацию счётчика для текущего селектора.
inherit Наследует значение родителя.
<переменная> Задаёт одну или несколько переменных, в которых будет храниться значение счётчика. Значения разделяются между собой пробелом.
<число> Начальное значение каждого идентификатора. По умолчанию равно 0.

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства counter-reset

Объектная модель

Объект.style.counterReset

Примечание

Для элементов, у которых установлено display: none, значение счётчика не меняется.

Браузеры

counter-reset

Посмотреть совместимость на Can I use?

counter-reset