@counter-style
An at-rule that lets you create your own custom numbering systems (like using emojis or Roman numerals) for list bullets and counters.
Syntax
/* Usage Example */
@counter-style thumb {
system: cyclic;
symbols: 👍;
suffix: "; ";
}
ul{
list-style: thumb;
}@counter-style Browser support
Newly available
Since
2023 93% global usage
Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
91+
33+
17+
91+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more