counter-increment

Specifies a name of a counter and how much to increment the counter by.

Platform Support

IENetscapeMozillaOperaSafari
nonono7.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.
inheritInherit the value from the parent element.
noneNo counter increment.
decimalIncrement a decimal. (e.g. 1, 2, 3, etc.
decimal-leading-zeroIncrement a decimal with a leading zero. (e.g. 01, 02, 03, etc.)
lower-romanIncrement lower-case roman numerals. (e.g. i, ii, iii, etc.
upper-romanIncrement upper-case roman numerals. (e.g. I, II, III.)
lower-latinIncrement lower-case latin alphabet. (e.g. a, b, c, etc.)
upper-latinIncrement upper-case latin alphabet. (e.g. A, B, C, etc.)
lower-greekIncrement 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

Related

text_css aptana_docs