HTML Dog
Skip to navigation

CSS Property: counter-reset

Resets a named counter used by generated content.

Possible Values

ValueDescriptionExample
[identifier]Counter name. Counter will reset to 0.countername
[identifier] [integer]Counter name and the number that the counter should be reset to.countername 2
[multiple identifiers]Multiple identifiers, or identifiers coupled with integers, will apply the reset to multiple counters.countername 2 counter2name -5
noneNo counter reset.
inherit
initial
unset

Example


h3 {
    counter-increment: headingnum;
}
h3::before {
    content: counter(headingnum);
}
h4:nth-child(4) {
    counter-reset: headingnum;
}

Browser support