Свойство counter-increment в CSS

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

Свойство counter-increment устанавливает прирост счетчика для каждого появления выбранного селектора. По умолчанию прирост составляет 1.

Объяснение

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

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

См. также:

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

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

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

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

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

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

Пример

Методы нумерации разделов и подразде-лений (например, "Раздел 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-increment: none;id|initial|inherit;

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

Значение Описание
none Default. Выборщик не имеет значения counter-increment.
id number

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

number Определяет шаг. Число может быть положительным, нулевым или отрицательным.

inherit Указывается, что значение атрибута counter-increment должно быть наследовано от родительского элемента.

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

Default value: none
Инheritance: no
Версия: CSS2
JavaScript синтаксис: object.style.counterIncrement="subsection"

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

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

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

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