counter-increment

Support Key: [CSS2|CSS2.1] [O4]
Other Generated
Content Properties

content
quotes
counter-reset
include-source
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   none
Applicable Elements:
All
Inherit From Parent:
No
Applicable Media:
All
HTML Equivalent:
NA
Official Docs:
CSS2: Sect. 12.5, CSS2.1: Sect 12.4
What is it?
The 'counter-increment' property acts like an incremented variable in a programming language - it specifies the amount to increment the specified counter by when the current CSS selector is encountered. The property lists one or more counter labels, each followed by an optional increment integer value (default increment is 1.) Negative integers and zero are also valid.

If a counter is incremented AND rendered using a single CSS selector (with the 'content' property and 'before:'/'after:' pseudo-elements), it should be incremented first, then rendered. If a single CSS selector both increments and resets a counter, it is reset, then incremented.

Allowed Values
inherit
[CSS2|CSS2.1] [O4]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS2|CSS2.1] [O4]
Type: Explicit
Description:
Suppresses incrementing counters for the current selector.
[identifier integer]
[CSS2|CSS2.1] [O4]
Type: Explicit
Syntax: ([identifier] [integer]? )+
Description:
Specifies one or more counters and the amount to increment the counter by.
Example
Ext/Doc:
h1:before {
counter-increment: main-heading;
counter-reset: sub-heading;
content: "Section " counter(main-heading) ":" }
In-Line: NA
Notes Browser Peculiarities

Boring Copyright Stuff....