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

CSS-свойство counter-increment увеличивает одно или несколько значений счетчика. Это свойство очень полезно для создания функции автонумерации.

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

Синтаксис

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

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

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

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	Значение, добавляемое к счетчику. Значение по умолчанию равно 1. Допустимы нулевые и отрицательные значения.
`none`	Счетчики не будут увеличены. Это значение установлено по умолчанию.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `direction`.