CSS-свойство counter-reset

CSS-свойство counter-reset используется в сочетании со свойством counter-increment для создания счетчиков с автоинкрементом и со свойством content для отображения сгенерированных значений счетчика.

Значение по умолчанию:	`none`
Применяется к:	Все элементы
Наследование:	Нет
Анимирование:	Нет. Анимируемые свойства
Версия:	CSS 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

counter-reset: [ identifier integer ] 1 or more pairs | none | initial | inherit

Примеры написания кода свойства counter-reset:

body {
    counter-reset: section;
}
h1 {
    counter-reset: category;
}
h1:before {
    counter-increment: section;
    content: "Section " counter(section) ". ";
}
h2:before {
    counter-increment: category;
    content: counter(section) "." counter(category) " ";
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
identifier	Имя счетчика для сброса.
integer	Значение для сброса счетчика при каждом появлении селектора. По умолчанию значение сброса равно 0.
`none`	Счетчики не будут сброшены. Это значение установлено по умолчанию.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `counter-reset`.