Uporządkowane listy nie są jedynymi elementami, które można automatycznie numerować. Dzięki różnym właściwościom przeciwstawnym, każdy element może być.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Każdy będzie zaczynał się odpowiednio od „1”, „2”, „3” lub „4”.
Możesz kontrolować styl licznika, oddzielając funkcję licznika przecinkami. np. aby używały cyfr rzymskich:
section:before ( content: counter(my-awesome-counter, upper-roman); )Próbny
Na CodePen:
Więcej informacji
- Specyfikacja CSS3
- MDN docs
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Każdy | 9.2+ | 8+ | TBD | TBD |