counter-increment

This property accepts one or more names of counter names, each one optionally followed by an integer. The integer indicates by how much the counter is incremented or decremented for every occurrence of the element. The default increment is 1. Zero and negative integers are allowed. By default, counters are formatted as decimal numbers, but the styles supported by the list-style-type property are also available for counters and are specified with the syntax counter(name, list-style-type).

Examples

div.section:before {content: "Section: " counter(section) ". ";
counter-increment: section;} /* Add 1 to section */
h1.chapter:before {content: counter(chno, upper-latin) ". ";
counter-increment: chno; }
.topten:before {content: counter(countdown) ". ";
counter-increment: countdown -1; }

Browser and CSS Support Notes

CSS2
IE not yet supported
No Mozilla or Nav support yet
Opera 7

---

counter-reset

This property contains a list of one or more counter names, each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element. The default value is 0.

Examples

div.section:before {content: "Section: " counter(section) ". ";
counter-increment: section;} /* Add 1 to section */
div.chapter:before {counter-reset: section;} /* Set section to 0 */

Browser and CSS Support Notes

CSS2
IE not yet supported
Nav and Mozilla not yet supported
Opera 7