CSS свойство counter-increment, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-8614655Перейти к справке 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-8686483 firefox-2581102 ie-4813366 opera-5234196 safari-8527098
Свойство 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

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