Poradové zoznamy nie sú jedinými prvkami, ktoré je možné automaticky očíslovať. Vďaka rôznym vlastnostiam súvisiacim s pultom môže byť akýkoľvek prvok.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )
Každá bude začínať číslicami „1“, „2“, „3“ alebo „4“.
Štýl počítadla môžete ovládať tak, že funkciu počítadla oddelíte čiarkou. napr. aby ich používali rímske číslice:
section:before ( content: counter(my-awesome-counter, upper-roman); )
Ukážka
Na CodePen:
Viac informácií
- Špecifikácia CSS3
- Dokumenty MDN
Podpora prehľadávača
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
2+ | 3,1+ | akýkoľvek | 9,2+ | 8+ | TBD | TBD |