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

1 vote266 views1 answer
Input type date remove calendar icon
CSS
0 vote250 views1 answer
Add padding to gnome terminal
CSS
0 vote304 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
3 votes243 views2 answers
Css onclick change color
CSS
0 vote237 views3 answers
Css horizontal ul
CSS
0 vote265 views3 answers
Slick slider and ACF Pro in WordPress
CSS
0 vote256 views1 answer
Materialize css icons
CSS
4 votes293 views2 answers
Increase the size of an image on hover using css
CSS
13 votes266 views4 answers
Responsive css grid
CSS
0 vote209 views1 answer
Video camera icon font awesome
CSS