Daftar berurutan bukan satu-satunya elemen yang dapat diberi nomor secara otomatis. Berkat berbagai properti yang berhubungan dengan kontra, elemen apa pun bisa.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Masing -masing akan dimulai dengan "1", "2", "3", atau "4".
Anda dapat mengontrol gaya penghitung dengan koma memisahkan fungsi penghitung. misalnya untuk membuatnya menggunakan angka romawi:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
Di CodePen:
Informasi Lebih Lanjut
- Spesifikasi CSS3
- Dokumen MDN
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Apa saja | 9.2+ | 8+ | TBD | TBD |