CSS counter-reset

on
The CSS counter-reset property assists in generating automatic numbering (for example, Heading 1, Section 1.1, Heading 2, Heading 2.2 etc) by resetting the count as required. The counter-reset property is used in conjunction with the CSS count() function of the 'content' property (which is used with the ':before' or ':after' pseudo-elements).

Syntax: counter-reset: <identifier> <integer>;
Possible Values:
  • none
  • <identifier> <integer>
    The integer indicates the value the counter is set to. The default is zero.
  • inherit
Initial Value: None
Applies to: All elements
Inherited: No
Media: All
Example: 
h1 {
    counter-reset: section;
}