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 vote82 views0 answer
CSS
5 votes126 views1 answer
Less sass css
CSS
0 vote138 views1 answer
Font-display css google fonts
CSS
1 vote144 views3 answers
How to stop input from highlighting onclick
CSS
0 vote188 views1 answer
.txt:hover { text-decoration: underline; }
CSS
0 vote140 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
1 vote129 views1 answer
How to hide the bullet list css
CSS
100 votes125 views2 answers
What is position property in css
CSS
7 votes134 views3 answers
Rounded input css
CSS
7 votes126 views2 answers
Disable bullets in ul
CSS