Sıralı listeler, otomatik olarak numaralandırılabilen tek unsur değildir. Sayaçla ilgili çeşitli özellikler sayesinde herhangi bir öğe olabilir.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Her biri sırasıyla "1", "2", "3" veya "4" ile başlayacaktır.
Sayaç işlevini virgülle ayırarak sayacın stilini kontrol edebilirsiniz. örneğin, Roma rakamlarını kullanmalarını sağlamak için:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
CodePen'de:
Daha fazla bilgi
- CSS3 spesifikasyonu
- MDN belgeleri
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Hiç | 9.2+ | 8+ | TBD | TBD |