CSS counters are similar to variables. These are maintained by CSS and those values can be incremented by CSS rules to track how many times they are used.
CSS Counter Properties:
Following is a list of properties that are used with CSS counter:
1) counter-reset: It is used to create or reset a counter.
2) counter-increment: It is used to increment the counter value.
3)content: It is used to insert generated content.
4) counter() or counters() function: It is used to add the value of a counter to an element.
Note:Before using a CSS counter, it must be created with counter-reset.