Οι ταξινομημένες λίστες δεν είναι τα μόνα στοιχεία που μπορούν να αριθμηθούν αυτόματα. Χάρη στις διάφορες ιδιότητες που σχετίζονται με τον μετρητή, οποιοδήποτε στοιχείο μπορεί να είναι.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Κάθε ένα θα ξεκινήσει αντίστοιχα με "1", "2", "3" ή "4".
Μπορείτε να ελέγξετε το στυλ του μετρητή διαχωρίζοντας κόμμα με τη λειτουργία μετρητή. π.χ. για να τους κάνουν να χρησιμοποιούν λατινικούς αριθμούς:
section:before ( content: counter(my-awesome-counter, upper-roman); )Διαδήλωση
Στο CodePen:
Περισσότερες πληροφορίες
- Προδιαγραφές CSS3
- Έγγραφα MDN
Υποστήριξη προγράμματος περιήγησης
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Οποιος | 9.2+ | 8+ | TBD | TBD |