Senarai yang disusun bukan satu-satunya elemen yang dapat diberi nombor secara automatik. Terima kasih kepada pelbagai sifat yang berkaitan dengan kaunter, elemen apa pun boleh.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Masing- masing akan dimulakan dengan "1", "2", "3", atau "4".
Anda boleh mengawal gaya pembilang dengan koma yang memisahkan fungsi pembilang. misalnya untuk menjadikan mereka menggunakan angka Rom:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
Pada CodePen:
Maklumat lanjut
- Spesifikasi CSS3
- Dokumen MDN
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Sebarang | 9.2+ | 8+ | TBD | TBD |