CSS counter-increment Property

The counter-increment property manipulate the value of existing counters. They only create new counters if there is no counter of the given name on the element yet.

Formal syntax: [ <custom-ident><integer>? ]+ | none

counter-increment: chapter;  /* Add 1 to chapter */
counter-increment: none;

• noneThis element does not alter the value of any counters.
• <custom-ident><integer>?The element alters the value of one or more counters on it. If there is not currently a counter of the given name on the element, the element creates a new counter of the given name with a starting value of 0 (though it may then immediately set or increment that value to something different).

h1:before {
   content: "Chapter " counter(chapter) ":"
   counter-increment: chapter;
   counter-reset: section;
}

1.5+

8+

1+

3+

10.5+

• Share on Facebook
• Share on Twitter
• Share on Google+