CSS counter-reset Property
A way to number sections and sub-sections with "Section 1", "1.1", "1.2", etc.:
content: "Section " counter(section) ". ";
content: counter(section) "." counter(subsection) " ";
Try it yourself »
Definition and Usage
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.
|Animatable:||no. Read about animatable|
The numbers in the table specify the first browser version that fully supports the property.
Note: IE8 supports the counter-reset property only if a !DOCTYPE is specified.
|none||Default value. No counters will be reset|
|name||The name defines which counter that should be reset|
|number||The id defines which counter that should be reset. The number sets the value the counter is set to on each occurrence of the selector. The default reset value is 0|
|initial||Sets this property to its default value. Read about initial|
|inherit||Inherits this property from its parent element. Read about inherit|
CSS reference: :before pseudo element
CSS reference: :after pseudo element
CSS reference: content property
CSS reference: counter-increment property
HTML DOM reference: counterReset property
Thank You For Helping Us!
Your message has been sent to W3Schools.