Hàm đếm CSS()
Ví dụ
Tạo bộ đếm cho trang (trong bộ chọn nội dung). Tăng giá trị bộ đếm cho từng phần tử <h2> và thêm văn bản "Phần < giá trị của bộ đếm >:" trước mỗi phần tử <h2>:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section) ": ";
}
Hãy tự mình thử »Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Hàm counter() trả về giá trị hiện tại của bộ đếm được đặt tên dưới dạng một chuỗi.
Phiên bản: | CSS3 |
---|
Hỗ trợ trình duyệt
Function | |||||
---|---|---|---|---|---|
counter() | Yes | Yes | Yes | Yes | Yes |
Cú pháp CSS
counter( countername ,
counterstyle )
Value | Description |
---|---|
countername | Required. The name of the counter (which is the same name used for the counter-reset and counter-increment properties) |
counterstyle | Optional. The style of the counter (can be a list-style-type value) |
Thêm ví dụ
Ví dụ
Đặt kiểu của bộ đếm:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section,
upper-roman) ": ";
}
Hãy tự mình thử »Trang liên quan
Tham chiếu CSS: thuộc tính nội dung
Tham khảo CSS: thuộc tính tăng ngược
Tham chiếu CSS: thuộc tính counter-reset