Главная->CSS->counter-increment

counter-increment

08 Нояб 2019г. в 16:24

Стилевой элемент counter-increment используется для увеличения значения счетчика приращений, который задается параметром counter-reset. Такой счетчик подсчитывает количество отображений элементов на странице и может выводиться с помощью свойства content и псевдоэлементов after и before. Это позволяет создавать списки (в том числе многоуровневые), в которых нумерация и вид задаются через стили.

Пример

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) " ";
}

Аргументы

none - Счетчики не будут использоваться. Значение по умолчанию
id номер - id задает одну или несколько переменных, для которых требуется изменить значение счетчика. Номер - определяет значение приращения счетчика. По умолчанию оно равно 1. Допускаются к использованию отрицательные и нулевые значения
inherit - Значение должно быть унаследовано от элемента родителя