counter-increment

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

Пример

h2:before {
        content: 'Chapter ' counter(chapter) ': ';
        counter-increment: chapter;
}

Возможные значения

идентификатор целое_число
Значения разделяются между собой пробелом. Здесь идентификатор - определяет имена переменных, для которых необходимо изменять значение счетчика. Имя идентификатора может содержать: латинские буквы (как прописные, так и строчные), цифры, дефис - и знак подчеркивания _. Имя не может начинаться с цифры или дефиса. Целое_число - значение, на которое необходимо увеличивать значение счетчика. По умолчанию приращение счетчика равно 1.
none
Счетчик не применяется.
inherit
Заимствует значение свойства у родительского элемента.

Характеристики

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

Применяется: Ко всем элементам

Наследуется: Нет

См. также