CSS-свойство counter-increment увеличивает одно или несколько значений счетчика. Это свойство очень полезно для создания функции автонумерации.

Значение по умолчанию: none
Применяется к: Все элементы
Наследование: Нет
Анимирование: Нет. Анимируемые свойства
Версия: CSS 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

counter-increment: [ identifier integer ] 1 or more pairs | none | initial | inherit

Примеры написания кода свойства counter-increment:

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

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

В следующей таблице описаны значения этого свойства.

Значение Описание
identifier Имя счетчика для увеличения.
integer Значение, добавляемое к счетчику. Значение по умолчанию равно 1. Допустимы нулевые и отрицательные значения.
none Счетчики не будут увеличены. Это значение установлено по умолчанию.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента direction.

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

Свойство counter-increment поддерживается во всех основных браузерах.

Internet Explorer 7 и более ранние версии не поддерживают свойство counter-increment. IE8 поддерживает, только если указан правильный <!DOCTYPE>.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.