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

0 vote202 views1 answer
Fabric bring to front element top
CSS
0 vote263 views1 answer
Css file path
CSS
0 vote193 views2 answers
Adding font in nextjs
CSS
7 votes216 views2 answers
Stick footer to bottom
CSS
0 vote180 views1 answer
Css 16 9 ratio
CSS
35 votes178 views3 answers
Css how to make background transparent
CSS
0 vote181 views1 answer
How to make a square div in css
CSS
134 votes176 views6 answers
Remove background from image
CSS
120 votes256 views3 answers
React import bootstrap css file
CSS Bootstrap
3 votes181 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS