Danh sách có thứ tự không phải là phần tử duy nhất có thể được đánh số tự động. Nhờ các thuộc tính liên quan đến bộ đếm khác nhau, bất kỳ phần tử nào cũng có thể.
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )Mỗi thứ tương ứng sẽ bắt đầu bằng “1”, “2”, “3” hoặc “4”.
Bạn có thể kiểm soát kiểu dáng của bộ đếm bằng dấu phẩy phân tách chức năng bộ đếm. ví dụ: để làm cho họ sử dụng chữ số La Mã:
section:before ( content: counter(my-awesome-counter, upper-roman); )Bản giới thiệu
Trên CodePen:
Thêm thông tin
- Thông số CSS3
- Tài liệu MDN
Hỗ trợ trình duyệt
| Trình duyệt Chrome | Safari | Firefox | Opera | I E | Android | iOS |
|---|---|---|---|---|---|---|
| 2+ | 3.1+ | Bất kì | 9,2+ | 8+ | TBD | TBD |