counter-increment - CSS 3

The counter-increment property increments one or more counter values.The counter-increment property is usually used together with the counter-reset property and the content property.

Syntax

counter-increment: none|id|initial|inherit;

Example

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) "." counter(subsection) " ";
	}

Output / Return Value

Limitations

Alternatives / See Also

Reference