Атрибут counter-reset в CSS

Определение и использование

Свойство counter-reset устанавливает значение счетчика повторений для определенного селектора. По умолчанию это 0.

Используя эту�性, счетчик можно установить или сбросить до любого значения, которое может быть положительным или отрицательным. Если не указан number, то по умолчанию используется 0.

Примечание:Если используется "display: none", то счетчик не может быть перезагружен. Если используется "visibility: hidden", то счетчик может быть перезагружен.

См. также:

Руководство по CSS:Дымовая элемент :before в CSS

Руководство по CSS:Дымовая элемент :after в CSS

Руководство по CSS:Атрибут content

Руководство по CSS:Атрибут counter-increment

Функция CSS:Функция counter()

Руководство по HTML DOM:Атрибут counterReset

Пример

Методы нумерации частей и подчастей (например, "Section 1", "1.1", "1.2"):

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) ";
  }

Попробуйте сами

CSS синтаксис

counter-reset: none|Имя number|initial|inherit;

Значение атрибута

Значение Описание
нет по умолчанию. Не можно перезагрузить счетчик выбора.
id number

id Определяет выборатель, id или class для перезагрузки счетчика.

number Значение счетчика, который можно установить для этого выбора. Может быть положительным, нулевым или отрицательным.
inherit Указывается, что значение атрибута counter-reset должно быть принято от родительского элемента.

Технические детали

Значение по умолчанию: нет
Инheritability: нет
Версия: CSS2
JavaScript синтаксис:

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Примечание:Если уже определен !DOCTYPE, то Internet Explorer 8 (и более новые версии) поддерживают атрибут counter-reset.