Urejeni seznami niso edini elementi, ki jih je mogoče samodejno oštevilčiti. Zahvaljujoč različnim lastnostim, povezanim s števcem, je lahko kateri koli element.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )
Vsak se bo začel z "1", "2", "3" ali "4".
Slog števca lahko nadzirate tako, da ločite funkcijo števca z vejico. npr. da jih uporabljajo z rimskimi številkami:
section:before ( content: counter(my-awesome-counter, upper-roman); )
Demo
Na CodePen:
Več informacij
- Specifikacije CSS3
- Dokumenti MDN
Podpora za brskalnik
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
2+ | 3.1+ | Kaj | 9,2+ | 8+ | TBD | TBD |