Свойство counter-increment в CSS
- Предыдущая страница content
- Следующая страница counter-reset
Определение и использование
Свойство 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.
- Предыдущая страница content
- Следующая страница counter-reset