Sutvarkyti sąrašai nėra vieninteliai elementai, kuriuos galima automatiškai sunumeruoti. Dėl įvairių su kovos įrankiais susijusių savybių bet kuris elementas gali būti.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )
Kiekvienas prasidės atitinkamai „1“, „2“, „3“ arba „4“.
Skaitiklio stilių galite valdyti kableliais, atskirdami skaitiklio funkciją. pvz., kad jie naudotų romėniškus skaičius:
section:before ( content: counter(my-awesome-counter, upper-roman); )
Demonstracija
„CodePen“:
Daugiau informacijos
- CSS3 spec
- MDN dokumentai
Naršyklės palaikymas
„Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
---|---|---|---|---|---|---|
2+ | 3.1+ | Bet koks | 9,2+ | 8+ | TBD | TBD |