Свойство counter-reset сбрасывает значение счетчика в ноль. Данное свойство обязательно нужно использовать при работе с counter-increment, при этом оно устанавливается для родителя.

См. также свойство counter-increment, которое задает автоматическую нумерацию элементов, например, абзацев или заголовков. Используется совместно со свойством counter-reset, псевдоэлементами ::after и ::before, свойством content, внутри которого используется функция counter.

Синтаксис

селектор {
	counter-reset:  название_счетчика [начальное_значение_счетчика] | none | inherit;
}

Значения

Значение Описание
название_счетчика Обычное слово (как название класса или id). Можно задавать несколько названий, разделяя их пробелом. В этом случае одновременно будут меняться несколько счетчиков.
начальное_значение_счетчика Целое положительное или отрицательное число. Необязательный параметр.
none Запрещает увеличение счетчика для текущего селектора.
inherit Наследует значение родителя.

Значение по умолчанию: none.

Значение по умолчанию для начального значения счетчика, если оно не задано (но при этом задано название счетчика): 0.

Примеры

Примеры работы и видео смотрите тут counter-increment.