Les listes ordonnées ne sont pas les seuls éléments qui peuvent être numérotés automatiquement. Grâce aux différentes propriétés liées au compteur, n'importe quel élément peut l'être.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Chacun commencera respectivement par «1», «2», «3» ou «4».
Vous pouvez contrôler le style du compteur en séparant la fonction de compteur par une virgule. par exemple pour leur faire utiliser des chiffres romains:
section:before ( content: counter(my-awesome-counter, upper-roman); )Démo
Sur CodePen:
Plus d'information
- Spécification CSS3
- Documents MDN
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Tout | 9.2+ | 8+ | À déterminer | À déterminer |