Seřazené seznamy nejsou jedinými prvky, které lze automaticky očíslovat. Díky různým vlastnostem souvisejícím s čítačem může být jakýkoli prvek.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Každý bude začínat číslicí „1“, „2“, „3“ nebo „4“.
Styl čítače můžete ovládat oddělením funkce čítače čárkou. např. k tomu, aby používali římské číslice:
section:before ( content: counter(my-awesome-counter, upper-roman); )Ukázka
Na CodePen:
Více informací
- CSS3 spec
- Dokumenty MDN
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Žádný | 9,2+ | 8+ | Bude upřesněno | Bude upřesněno |