CSS counter styles
Module CSS counter styles cho phép bạn định nghĩa các kiểu counter tùy chỉnh của riêng mình để quản lý sự xuất hiện của các markers trong danh sách và counters trong generated content. Nó cũng cho phép bạn mở rộng các kiểu danh sách trình duyệt gốc với các tùy chỉnh của riêng bạn.
Trong khi chúng ta nghĩ về counters như là các con số, chúng thực sự là các chuỗi với các thành phần có thể được tăng lên. Module counter styles định nghĩa quy tắc @counter-style với mười descriptors, cho phép các nhà phát triển định nghĩa chính xác cách counters được chuyển đổi thành chuỗi. Module này cho phép định nghĩa ký tự nào cần dùng cho các dấu bullet counter, tiền tố đặt trước counter và hậu tố đặt sau, cùng với cách xử lý các giá trị âm. Các descriptors cũng có thể đặt một phạm vi để giới hạn các giá trị mà kiểu counter có thể xử lý, trong khi cũng cung cấp các kiểu dự phòng cho khi giá trị counter nằm ngoài phạm vi được định nghĩa hoặc không thể render giá trị counter. Module cũng cho phép định nghĩa cách counter được đọc to bởi các bộ tổng hợp giọng nói.
Tài liệu tham khảo
>Thuộc tính
Không có thuộc tính nào được định nghĩa trong module này
Hàm
Kiểu dữ liệu
At-rules và descriptors
Interfaces
- Interface
CSSCounterStyleRule
Hướng dẫn
- Using CSS counters
-
Mô tả cách sử dụng counters để đánh số bất kỳ phần tử HTML nào hoặc thực hiện việc đếm phức tạp.
Các khái niệm liên quan
Module CSS lists and counters:
- Thuộc tính
counter-increment - Thuộc tính
counter-reset - Thuộc tính
counter-set - Thuộc tính
list-style-type - Thuộc tính viết tắt
list-style - Hàm
counter() - Hàm
counters()
Module CSS pseudo-elements:
Module CSS generated content:
- Thuộc tính
content
Đặc tả
| Specification |
|---|
| CSS Counter Styles Level 3> |
Xem thêm
- Module CSS lists and counters
- Module CSS pseudo-elements
- Module CSS generated content
- Ready-made counter styles via W3C (2023)