YouTip

# Style counterIncrement Property [ Style Object](#) ## Example Change the counterIncrement property: document.getElementById("myH1").style.counterIncrement = "subsection"; [Try it yourself »](#) * * * ## Definition and Usage The counterIncrement property increments the value of one or more counters. The counterIncrement property is often used together with the counterReset property and the content property. * * * ## Browser Support  The counterIncrement property is supported by all major browsers. **Note:** IE8 only supports the counterIncrement property if a !DOCTYPE is specified. * * * ## Syntax Get the counterIncrement property: _object_.style.counterIncrement Set the counterIncrement property: _object_.style.counterIncrement="none|_id_|initial|inherit" ## Property Values | Value | Description | | --- | --- | | none | Default value. No counter will be incremented. | | _id number_ | _id_ defines which counter should be incremented. _number_ sets how much the counter should be increased each time the selector is encountered. The default increment value is 1. 0 or negative values are allowed. If the counter referenced by _id_ has not been initialized by counter-reset, the default initial value is 0. | | initial | Sets this property to its default value. Read about _initial_. | | inherit | Inherits this property from its parent element. Read about _inherit_. | ## Technical Details | Default Value: | none | | --- | | Return Value: | A string, representing the counter-increment property of an element. | | CSS Version | CSS2 | * * Style Object](#)