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» |
Поддержка в браузерах
Свойство counter-reset поддерживается всеми основными браузерами.
Заметка: Internet Explorer 8 (и выше) правильно поддерживают свойство caption-side только если указан DOCTYPE.
Возможные значения свойства counter-reset
Значение | Описание |
---|---|
none | Ни один счетчик не сбрасывается. Значение по умолчанию |
id число | id определяет счетчик, который должен быть сброшен. Число определяет на какое число должен быть сброшен счетчик. Значение по умолчанию — ноль |
inherit | Значение наследуется от родительского элемента |
Связанные страницы
Справка CSS: псевдоэлемент :before
Справка CSS: псевдоэлемент :after
Справка CSS: свойство content
Справка CSS:свойство counter-increment