Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

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

Перейти к справке CSS

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 подсчитывает количество отображений определенного элемента на странице.

Свойство counter-increment обычно используется вместе со свойствами counter-reset и content.

Значение по умолчанию нет
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.counterIncrement="subsection"

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

Chrome Firefox Internet Explorer Opera Safari
Свойство counter-increment поддерживается всеми основными браузерами.

Заметка: Internet Explorer 8 (и выше) правильно поддерживают свойство caption-side только если указан DOCTYPE.


Возможные значения свойства counter-increment

Значение Описание
none Нет счетчиков отображения элементов
id число in определяет тот счетчик, который должен прирастать. Число задает шаг прироста счетчика. Шаг по умолчанию равен 1. Отрицательные значения и 0 разрешены. Если это число относится к счетчику, который не был сброшен свойством counter-reset, первым значением является 0
inherit Значение наследуется от родительского элемента

Связанные страницы

Справка CSS: псевдоэлемент :before

Справка CSS: псевдоэлемент :after

Справка CSS: свойство content

Справка CSS:свойство counter-reset


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта