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

0 vote228 views1 answer
Ios safe area
CSS
1 vote212 views1 answer
Button onclick open video in new window
CSS
0 vote215 views2 answers
Error: the sandbox is not in sync with the podfile.lock. run
CSS
15 votes219 views3 answers
Drop shadow image css
CSS
0 vote258 views1 answer
Bootstrap popover style width
CSS Bootstrap
0 vote216 views1 answer
How to remove table border in css for last child if rowspan
CSS
0 vote222 views1 answer
Break table for printing
CSS
1 vote221 views2 answers
How to add google fonts to css in react
CSS
29 votes234 views2 answers
How to horizontal center a div in css
CSS
17 votes210 views1 answer
Css flex center horizontally and vertically
CSS