counter-reset Description:
The counter-reset property defines the counters and what they should be reset to. The default is 0.
counter-reset in CSS Versions:
counter-reset Syntax:
counter-reset: <identifier> <integer> | none | inherit
- <identifier>
Defines the element by id that should be reset. - <integer>
Defines what the counter should be reset to. Default is 0; - none
Do not reset the counter. - inherit
The element should have the same counter-reset setting as the parent.
counter-reset Initial Value:
none
counter-reset Applies To:
All elements.
counter-reset Inheritance:
This property is not inherited.
counter-reset Browser Support:
- Opera 6, 7, 8
counter-reset media type:
- All
counter-reset Examples
Reset chapters to 0
<style>
div.chapter:after {
content: "Chapter: " counter(chapter);
counter-increment: chapter;
counter-reset: chapter;
}
</style>
Reset chapters to 10
<style>
div.chapter:after {
content: "Chapter: " counter(chapter);
counter-increment: chapter;
counter-reset: chapter 10;
}
</style>
counter-reset Special Notes:
- Internet Explorer does not support this property.
- Mozilla browsers do not support this property.
