The best CSS counter-reset property Tutorial In 2024, In this tutorial you can learn Examples,Attribute definitions and instructions,Browser Support,Property Value,related articles,
And on the part of sub-section numbering (eg "Section 1", "1.1", "1.2") method:
counter-reset or reset the property to create one or more counters.
counter-reset property and is usually counter-increment property, content attribute.
Defaults: | none |
---|---|
inherit: | no |
version: | CSS2 |
JavaScript syntax: | object .style.counterReset = "subsection" |
All major browsers support the counter-reset property.
Note: IE8 only the specified DOCTYPE supported counter-reset property!.
value | Explanation |
---|---|
none | default. You can not select the counter reset |
id number | id defined reset the counter selector, id or class. You can set this number selector counter the number of occurrences. Can be positive, zero or negative. |
inherit | Provisions should inherit the counter-reset property values from the parent element |
Reference the CSS: : the before pseudo-element
Reference the CSS: : the After pseudo-element
Reference the CSS: Content Properties
Reference the CSS: counter-INCREMENT attribute