Listele ordonate nu sunt singurele elemente care pot fi numerotate automat. Datorită diferitelor proprietăți corelate, orice element poate fi.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Fiecare va începe respectiv cu „1”, „2”, „3” sau „4”.
Puteți controla stilul contorului prin separarea prin virgulă a funcției de contor. de exemplu, pentru a le face să utilizeze cifre romane:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
Pe CodePen:
Mai multe informatii
- Spec. CSS3
- Documente MDN
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Orice | 9.2+ | 8+ | TBD | TBD |