Основы CSS


Оформление CSS


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


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


Примеры CSS


Справка CSS


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

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

Перейти к справке 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 Firefox Internet Explorer Opera Safari
Свойство counter-reset поддерживается всеми основными браузерами.

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


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

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

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

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

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

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

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


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


СТАТИСТИКА



ССЫЛКИ


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