counter-reset

Оновлено: 21.12.2022

counter-reset

Встановлює змінну, в якій зберігатиметься лічильник відображень певного елемента, а також початкове значення лічильника. Такий лічильник може виводитися за допомогою властивості content та псевдоелементів :after і ::before.

Коротка інформація

Значення за замовчуванням none
Успадковується Ні
Застосовується До всіх елементів
Анімується Ні

Синтаксис

counter-reset: [<змінна> | <число>?]+ | none

Значення

none Забороняє ініціацію лічильника для поточного селектора.
inherit Успадковує значення батьківського елементу.
<змінна> Задає одну або кілька змінних, у яких зберігатиметься значення лічильника. Значення розділяються між собою пропуском.
<число> Початкове значення кожного ідентифікатора. За замовчуванням дорівнює 0.

Приклад

Об'єктна модель

Об'єкт.style.counterReset

Примітка

Для елементів, у яких встановлено display: none, значення лічильника не змінюється.

Браузери

counter-reset

Переглянути сумісність з Can I use?

counter-reset