counter-increment

Поддержка браузеров

IE Opera Chrome Firefox Safari
IE8.0+ + + + 3.1+

Пример

Способ номерации секций с помощью "Секция 1", "1.1", "1.2", и т.д.:

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

Описание и использование

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

Значение по умолчанию: none
Наследуется: нет
Версия: CSS2

Аргументы

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