Подредените списъци не са единствените елементи, които могат да бъдат номерирани автоматично. Благодарение на различните свойства, свързани с брояча, всеки елемент може да бъде.
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); )Демонстрация
На CodePen:
Повече информация
- CSS3 спецификация
- MDN документи
Поддръжка на браузър
| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Всякакви | 9.2+ | 8+ | TBD | TBD |