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

12 votes190 views3 answers
Vertical and horizontal align center div
CSS
9 votes181 views4 answers
Css animation infinite loop
CSS
0 vote179 views1 answer
Flex fill space
CSS
1 vote218 views1 answer
Faire un fond fade to transparent css
CSS
1 vote185 views1 answer
Css access span class inside div
CSS
7 votes184 views3 answers
Rounded input css
CSS
0 vote192 views1 answer
Select html stop blue border
CSS
0 vote341 views1 answer
Parcel-bundler bulma css
CSS Bulma
0 vote189 views2 answers
Sass example html
CSS
18 votes147 views7 answers
Round button css
CSS