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 vote117 views1 answer
Htaccess file extension
CSS
2 votes125 views1 answer
Css square image
CSS
4 votes119 views3 answers
Add space between all html elements flex
CSS
13 votes135 views4 answers
How to print background bootstrap
CSS
34 votes114 views6 answers
How to align text in css
CSS
0 vote128 views1 answer
Cypress check css property value
CSS
2 votes70 views1 answer
Css content space
CSS
1 vote120 views1 answer
Margin clickable
CSS
19 votes117 views2 answers
Css circle card
CSS
0 vote123 views1 answer
Css youtube video get rid of black border
CSS