Впорядковані списки - не єдині елементи, які можна автоматично пронумерувати. Завдяки різним властивостям, пов’язаним із зустрічним, будь-який елемент може бути.
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 |