counter-increment

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

Значения

none - запрещает увеличение счетчика для текущего селектора.
целое число - определяет значение приращения счетчика. По умолчанию оно равно 1. Допускается использовать отрицательные и нулевые значения.
идентификатор - задает одну или несколько переменных, для которых требуется изменить значение счетчика. Переменные разделяются между собой пробелом.

inherit - наследует значение родительского элемента.

Пример использования

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

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

1. Применяется ко всем элементам.
2. Значение по умолчанию: none
3. Не наследуется.

Синтаксис

counter-increment: none | inherit | идентификатор | целое число

Версии CSS

CSS 2
CSS 2.1
CSS 3

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.