counter-increment property in CSS

A simple counter-increment property example:

counter-increment: my-sec-counter;

Laboratory

description & Usage

To decrease the counter number in CSS, we use the counter-increment property.

#	Description
Default Value	none
Inherited	no
Animatable	no
Version	CSS2
JavaScript syntax	object.style.counterIncrement = "subsection";

#	Chrome	Edge	Firefox	Safari	Opera
counter-increment

counter-increment: none|id|initial|inherit;

Values	Description
none	By default, none of the counters will increase.
id number	The entered ID indicates which counter should not be incremented.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.