The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property.
The counter-reset CSS property is used to reset CSS Counters to a given value.
The list-style property is a shorthand property for setting list-style-type, list-style-image and list-style-position.
The list-style-image property specifies an image to be used as the list item marker.
The list-style-position property specifies the position of the marker box in the principal block box.
The list-style-type property specifies the appearance of a list item element. Because it is the only property that defaults to display:list-item, this is usually a <li> element, but can be any element with this display value.
CSS counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they're used. This lets you adjust the appearance of content based on its placement in the document. CSS counters are an implementation of Automatic counters and numbering in CSS 2.1.