Specifies a name of a counter and how much to increment the counter by.
Platform Support
| IE | Netscape | Mozilla | Opera | Safari | no | no | no | 7.0+ | no |
|---|
Usage
[counter-name] [increment]. Example values: countby2 2, chapter, countbackwards -1, etc.
Values
| * | Specify a value for counter-increment that is not on this list. |
| inherit | Inherit the value from the parent element. |
| none | No counter increment. |
| decimal | Increment a decimal. (e.g. 1, 2, 3, etc. |
| decimal-leading-zero | Increment a decimal with a leading zero. (e.g. 01, 02, 03, etc.) |
| lower-roman | Increment lower-case roman numerals. (e.g. i, ii, iii, etc. |
| upper-roman | Increment upper-case roman numerals. (e.g. I, II, III.) |
| lower-latin | Increment lower-case latin alphabet. (e.g. a, b, c, etc.) |
| upper-latin | Increment upper-case latin alphabet. (e.g. A, B, C, etc.) |
| lower-greek | Increment lower-case greek alphabet. |
Example
To specify a level-1 section heading with an incremented Roman numeral before each heading, use the following syntax: H1:before {counter(section, upper-roman); counter-increment: section;}.
Remarks
Use the counter-increment property for styles such as numbered headings.
Availability
W3C CSS2
