Уређене листе нису једини елементи који се могу аутоматски нумерисати. Захваљујући разним својствима везаним за бројач, било који елемент може бити.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )
Свака ће започињати са „1“, „2“, „3“ или „4“.
Стилом бројача можете управљати одвајањем зарезом функције бројача. нпр. да их натерају да користе римске бројеве:
section:before ( content: counter(my-awesome-counter, upper-roman); )
Демо
На ЦодеПен-у:
Више информација
- ЦСС3 спец
- МДН доцс
Подршка прегледача
Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
---|---|---|---|---|---|---|
2+ | 3.1+ | Било који | 9.2+ | 8+ | ТБД | ТБД |