Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО COUNTER-RESET

Свойство counter-reset позволяет устанавливать или сбрасывать один или несколько CSS-счетчиков.

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


8+

Синтаксис

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

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

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

Песочница

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

HTML

.counter {
    counter-reset: my-counter
}

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

.reset {
    counter-reset: my-counter 0;
}

CSS

← Перейти к списку свойств