СВОЙСТВО COUNTER-INCREMENT

Свойство counter-increment увеличивает или уменьшает значение одного или нескольких CSS счётчиков.

Поддержка браузеров


8+

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

Значение	Описание
none	Счётчики не будут меняться. Это значение по умолчанию.
идентификатор число	Идентификатор счётчика определяет счётчик, значение которого будет изменено. Число определяет, на сколько счетчик будет увеличиваться при каждом появлении селектора. Значение по умолчанию равно 1. Отрицательные значения допускаются.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<ul class="counter">
    <li>Два</li>
    <li>Четыре</li>
    <li>Шесть</li>
</ul>

HTML

.counter {
    counter-reset: my-counter
}

li::before {
    counter-increment: my-counter 2;
    content: counter(my-counter) " ";
}

CSS