Hàm đếm CSS ()
❮ Tham chiếu các chức năng CSS
Thí 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) ": ";
}
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) |
Các ví dụ khác
Thí dụ
Đặt kiểu dáng của quầy:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section,
upper-roman) ": ";
}
Các trang liên quan
Tham chiếu CSS: thuộc tính nội dung
Tham chiếu CSS: thuộc tính counter-increment
Tham chiếu CSS: thuộc tính counter-reset
❮ Tham chiếu các chức năng CSS