Poredani popisi nisu jedini elementi koji se mogu automatski numerirati. Zahvaljujući raznim svojstvima povezanim s brojačem, svaki element može biti.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )
Svaka će započinjati s "1", "2", "3" ili "4".
Stilom brojača možete upravljati odvajanjem zarezom funkcije brojača. npr. da ih natjera da koriste rimske brojeve:
section:before ( content: counter(my-awesome-counter, upper-roman); )
Demo
Na CodePenu:
Više informacija
- CSS3 specifikacije
- MDN dokumenti
Podrška preglednika
Krom | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
2+ | 3.1+ | Bilo koji | 9,2+ | 8+ | TBD | TBD |