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

25 votes137 views4 answers
Remove outline
CSS
0 vote158 views1 answer
Elementsone after other css
CSS
0 vote150 views1 answer
Css change scroll anchor point under navbar
CSS
19 votes158 views2 answers
Center div in middle of page
CSS
0 vote135 views1 answer
Souligner titre css
CSS
1 vote146 views1 answer
New line in flex container
CSS
0 vote154 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
0 vote103 views1 answer
Pointer bootstrap 4
CSS
72 votes146 views6 answers
Flexbox css
CSS
6 votes132 views9 answers
Create a portfolio website with html css
CSS