Bestilte lister er ikke de eneste elementene som kan nummereres automatisk. Takket være de forskjellige motrelaterte egenskapene 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 kontrollere stilen på telleren ved å skille tellerfunksjonen med komma. for å få dem til å bruke romertall:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
På CodePen:
Mer informasjon
- CSS3 spesifikasjon
- MDN-dokumenter
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Noen | 9.2+ | 8+ | TBD | TBD |