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

2 votes235 views2 answers
Css text shadow -m
CSS
29 votes231 views2 answers
How to horizontal center a div in css
CSS
0 vote252 views1 answer
Use PurifyCSS with hugo
CSS
1 vote211 views1 answer
Qwant
CSS
0 vote222 views1 answer
Font awesome saas gem
CSS
13 votes218 views3 answers
How to change cursor in css on hover
CSS
0 vote252 views1 answer
Tailwindcss link tag
CSS
2 votes235 views2 answers
Remove border iframe
CSS
0 vote174 views0 answer
CSS
0 vote212 views2 answers
Transparent input box
CSS