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

4 votes182 views3 answers
Css text dots
CSS
46 votes155 views6 answers
Css background image size to fit screen
CSS
15 votes152 views2 answers
Span cursor pointer
CSS
1 vote167 views1 answer
Tzutc
CSS
1 vote169 views1 answer
Css grid auto resize on mobile
CSS
27 votes170 views6 answers
Import font css
CSS
5 votes153 views1 answer
Transform multiple css
CSS
0 vote166 views1 answer
Css selectors presentation
CSS
0 vote161 views1 answer
Showing danger message in red in terminal bash
CSS
2 votes206 views1 answer
Css center in td
CSS