Gli elenchi ordinati non sono gli unici elementi che possono essere numerati automaticamente. Grazie alle varie proprietà relative al contatore, qualsiasi elemento può essere.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Ciascuno inizierà rispettivamente con "1", "2", "3" o "4".
È possibile controllare lo stile del contatore separando la funzione contatore da una virgola. ad esempio, per farli usare numeri romani:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
Su CodePen:
Maggiori informazioni
- Specifiche CSS3
- Documenti MDN
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Qualunque | 9.2+ | 8+ | TBD | TBD |