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 vote309 views1 answer
@page css
CSS
37 votes337 views4 answers
Css hover pointer
CSS
0 vote354 views1 answer
Remove border from last child css
CSS
1 vote355 views1 answer
Scss linear gradient not working
CSS
2 votes392 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote388 views1 answer
===> git ignore
CSS
0 vote349 views1 answer
Activate_bin_path
CSS
45 votes329 views6 answers
How to remove background color in css
CSS
0 vote339 views1 answer
Create an irregular shape div css
CSS
1 vote389 views2 answers
Absolute vertical position css
CSS