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 vote329 views1 answer
@media for react style css
CSS
0 vote352 views2 answers
Styling links within a class except the last one
CSS
4 votes388 views1 answer
Move button in CSS
CSS
0 vote361 views1 answer
Border 1px thick
CSS
0 vote328 views1 answer
Div set text colo0r
CSS
12 votes323 views1 answer
Disable increment in input type number
CSS
-2 votes344 views1 answer
How to add after psuedo class in html
CSS
2 votes351 views1 answer
New line in url
CSS
0 vote355 views1 answer
Insert background colour to css file
CSS
8 votes308 views3 answers
Bootstrap 4 center image
CSS