CSS · Functions and values

counter() / counters()

Reads a CSS counter for generated numbering.

cssRunnable example css course

Syntax

counter(name, style)

Example

Try it

.demo { counter-reset: item; }
.demo::before { counter-increment: item; content: counter(item) ". "; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.