CSS · At-rules

@counter-style

Defines a custom list marker style.

cssRunnable example css course

Syntax

@counter-style name { … }

Example

Try it

@counter-style thumbs {
  system: cyclic;
  symbols: "👍";
}
.demo { list-style: thumbs; }

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