Ordnede lister er ikke de eneste elementer, der kan nummereres automatisk. Takket være de forskellige modrelaterede egenskaber kan ethvert element være.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Hver starter henholdsvis med “1”, “2”, “3” eller “4”.
Du kan styre tællerens stil ved at adskille tællerfunktionen med komma. f.eks. for at få dem til at bruge romertal:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
På CodePen:
Mere information
- CSS3 spec
- MDN dokumenterer
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Nogen | 9.2+ | 8+ | TBD | TBD |