counter-increment

Пример

Способ номерации секций с помощью "Секция 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. Это позволяет создавать списки (в том числе многоуровневые), в которых нумерация и вид задаются через стили.

Аргументы