CSS counter-resetСвойство
Пример
Метод нумерации разделов и подразделов (например, "Раздел 1", "1.1", "1.2"):
body
{
counter-reset:section;
}
h1
{
counter-reset:subsection;
}
h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." счётчик(subsection) " ";
}
Попробуйте сами »
Определение и инструкция по использованию атрибута
Свойство counter-reset создает или сбрасывает один или несколько счетчиков.
Свойство counter-reset обычно используется вместе со свойством counter-increment и свойством content.
| Значение по умолчанию: | none |
|---|---|
| Наследуется: | нет |
| версия: | CSS2 |
| Синтаксис JavaScript: | object.style.counterReset="subsection" |
Поддержка браузеров
Все основные браузеры поддерживают свойство counter-reset.
Примечание:IE8 поддерживает свойство counter-reset только если указан !DOCTYPE.
Значение свойства
| Значение | Описание |
|---|---|
| none | По умолчанию. Счетчик селектора не может быть сброшен. |
| id number | id Определяет селектор, id или класс, для которого сбрасывается счетчик. number Значение счетчика можно установить равным количеству появлений этого селектора. Может быть положительным, нулевым или отрицательным. |
| inherit | Указывает, что значение свойства counter-reset должно наследоваться от родительского элемента. |
Связанные статьи
Справочник по CSS: псевдоэлемент :before
Справочник по CSS: псевдоэлемент :after
Справочник по CSS: свойство content
Справочник по CSS: свойство counter-increment
Другие расширения