counter-reset - CSS 3

The counter-reset property creates or resets one or more counters.The counter-reset property is usually used together with the counter-increment property and the content property.

Syntax

counter-reset: none|name number|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