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

37 votes208 views3 answers
Css selector first level child
CSS
0 vote193 views1 answer
List style type none still leaves room for bullet
CSS
0 vote197 views1 answer
Añadir hojas css externas a wordpress
CSS
23 votes188 views5 answers
Align item center flex
CSS
0 vote203 views1 answer
Css add margin to a particular div in print screen
CSS
0 vote208 views1 answer
How to make text transparent with stroke in css
CSS
1 vote208 views2 answers
Css ios disable zoom
CSS
7 votes195 views2 answers
Css list remove dot
CSS
57 votes205 views6 answers
Virtualenv --python
CSS
74 votes209 views6 answers
Flex box
CSS