Style counterReset Property
Example
Change the counter-reset property:
document.body.style.counterReset = "section";
Try it yourself »
Definition and Usage
The counterReset property creates or resets one or more counters.
The counterReset property is usually used together with the counterIncrement property and the content property.
Browser Support
The counterReset property is supported in all major browsers.
Note: IE8 supports the counterReset property only if a !DOCTYPE is specified.
Syntax
Return the counterReset property:
object.style.counterReset
Set the counterReset property:
object.style.counterReset="none|name number|initial|inherit"
Property Values
| Value | Description |
|---|---|
| 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 |
Technical Details
| Default Value: | none |
|---|---|
| Return Value: | A String, representing the counter-increment property of an element |
| CSS Version | CSS2 |
Style Object
