CSS counter-incrementСвойство
Пример
Метод нумерации разделов и подразделов (например, "Раздел 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-increment увеличивает одно или несколько значений счётчика.
Свойство counter-increment обычно используется вместе со свойством counter-reset и свойством content.
| Значение по умолчанию: | none |
|---|---|
| Наследуется: | нет |
| версия: | CSS2 |
| Синтаксис JavaScript: | object.style.counterIncrement="subsection" |
Поддержка браузеров
Все основные браузеры поддерживают свойство counter-increment.
Примечание:IE8 поддерживает свойство counter-increment только при указании !DOCTYPE.
Значение свойства
| Значение | Описание |
|---|---|
| none | Ни один счётчик не будет увеличен |
| id number | id определяет селектор, id или класс, счётчик которого будет увеличен. number определяет приращение. number может быть положительным, нулём или отрицательным. |
| inherit | Значение свойства counter-increment должно наследоваться от родительского элемента. |
Связанные статьи
Справочное руководство по CSS::before псевдоэлемент
Справочное руководство по CSS::after псевдоэлемент
Справочник по CSS:свойство content
Справочник по CSS:свойство counter-reset
Другие расширения