Järjestetyt luettelot eivät ole ainoat elementit, jotka voidaan numeroida automaattisesti. Erilaisten laskuriin liittyvien ominaisuuksien ansiosta mikä tahansa elementti voi olla.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Kukin alkaa vastaavasti "1", "2", "3" tai "4".
Voit hallita laskurin tyyliä pilkulla erottamalla laskuritoiminnon. esim. saadaksesi heidät käyttämään roomalaisia numeroita:
section:before ( content: counter(my-awesome-counter, upper-roman); )Demo
CodePenissä:
Lisää tietoa
- CSS3-tekniset tiedot
- MDN-asiakirjat
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Minkä tahansa | 9.2+ | 8+ | TBD | TBD |