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.
The counter-reset property is supported in all major browsers.
Note: IE8 supports the counter-reset property only if a !DOCTYPE is specified.
|none||No counters will be reset. This is default|
|id 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|
|inherit||Specifies that the value of the counter-reset property should be inherited from the parent element|
CSS reference: :before pseudo element
CSS reference: :after pseudo element
CSS reference: content property
CSS reference: counter-increment property
Thank You For Helping Us!
Your message has been sent to W3Schools.