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



up_violet-9004124Перейти к справке 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-reset создает или сбрасывает один или несколько счетчиков отображения определенного элемента.

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

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

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

chrome-2252959 firefox-5326912 ie-2762760 opera-4843404 safari-5398046
Свойство counter-reset поддерживается всеми основными браузерами.

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

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

Значение Описание
none Ни один счетчик не сбрасывается. Значение по умолчанию
id число id определяет счетчик, который должен быть сброшен. Число определяет на какое число должен быть сброшен счетчик. Значение по умолчанию — ноль
inherit Значение наследуется от родительского элемента

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

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

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

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

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

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