Counter-style counter css counters

Css counters

body {
  counter-reset: section;                    /* On initialise le compteur à 0 */
}

h3::before {
  counter-increment: section;                /* On incrémente le compteur section */
  content: "Section " counter(section) " : "; /* On affiche le compteur */
}

Source: developer.mozilla.org

Counter-style counter css counters

@counter-style circled-alpha {
  system: fixed;
  symbols: Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ;
  suffix: " ";
}

Source: developer.mozilla.org

Similar codes

9 votes116 views3 answers
Bootstrap blue outline button
CSS
2 votes123 views3 answers
Sequelize order by
CSS
14 votes116 views4 answers
How to create a strikethrough in css
CSS
0 vote110 views1 answer
Css calc margin-top based on height?
CSS
3 votes113 views1 answer
Font. to be thinner css
CSS
1 vote109 views1 answer
Associate checkbox with label
CSS
1 vote118 views1 answer
Bootstrap ol
CSS
4 votes125 views2 answers
Can we use material ui and tailwind css together
CSS
13 votes142 views5 answers
Transition shorthand
CSS
0 vote117 views1 answer
React right burger scrol bar
CSS