Style counter Increment Property

Style counter Increment Property


Style counter Increment Property
It increases or decreases the value of a CSS counter by a given value. It is used to increment/decrement the value of a counter. 
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
 
property
 
chrome
 
firefox
 
microsoft edge
 
Opera
 
column-rule
 
4.0
 
2.0
 
8.0
 
9.6
 
Syntax
counter-increment: none|id|initial|inherit;
Example
Output
 
 
Property Values
 
Value
 
Description
 
none
 
Default value. No counters will be incremented
 
id number
 
The id defines which counter to increment. The number sets how much the counter will increment on each occurrence of the selector. The default increment is 1. Negative values are allowed. If id refers to a counter that has not been initialized by counter-reset, the default initial value is 0
 
initial
 
Sets this property to its default value.
 
inherit
 
Inherits this property from its parent element.

 
Technical Details
 
Default value:
 
None
 
Version:
 
CSS2
 
inherited
 
No
 
Animatable
 
No
 
JavaScript syntax:
 
object.style.counterIncrement = "subsection";