Thí dụ
Tạo một bộ đếm ("My-Sec-Trunting") và tăng nó lên một cho mỗi lần xuất hiện của bộ chọn:
cơ thể {& nbsp; / * Đặt "My-Sec-Trunting" thành 0 */& NBSP; Quarter-reset: My-Sec-Trunting;}
/* Set "my-sec-counter" to 0 */
counter-reset: my-sec-counter;
}
h2 :: Trước {& nbsp; & nbsp;/ * tăng "My-sec-Muff" bằng 1 */& nbsp; & nbsp; counter-increment: my-sec-vin Sec-Vượt) ".";}
/* Increment "my-sec-counter" by 1 */
counter-increment: my-sec-counter;
content: "Section " counter(my-sec-counter) ". ";
}
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thuộc tính counter-reset tạo hoặc đặt lại một hoặc nhiều bộ đếm CSS.
Thuộc tính counter-reset thường được sử dụng cùng với thuộc tính phản ứng và thuộc tính nội dung.
không ai |
không |
không. Đọc về hoạt hình |
CSS2 |
object.style.CountReset = "Phần" thử nó |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Thiết lập lại bộ đếm | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
CSS Cú pháp
Quarter-reset: Không có | Tên số | ban đầu | kế thừa;
Giá trị tài sản
không ai | không |
không. Đọc về hoạt hình | CSS2 |
Cú pháp JavaScript: | object.style.CountReset = "Phần" thử nó |
Hỗ trợ trình duyệt | Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính. |
Tài sản
Thí dụ
Thiết lập lại bộ đếm
cơ thể {& nbsp; / * Đặt "My-Sec-Trunting" thành 0 */& NBSP; Quarter-reset: My-Sec-Trunting;}
/* Set "my-sec-counter" to 0 */
counter-reset: my-sec-counter;
}
CSS Cú pháp
/* Decrement "my-sec-counter" by 1 */
counter-increment: my-sec-counter -1;
content: "Section " counter(my-sec-counter) ". ";
}
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
/* Set "section" to 0 */
counter-reset: section;
}
Thuộc tính counter-reset tạo hoặc đặt lại một hoặc nhiều bộ đếm CSS.
/* Set "subsection" to 0 */
counter-reset: subsection;
}
Thuộc tính counter-reset thường được sử dụng cùng với thuộc tính phản ứng và thuộc tính nội dung.
/* Increment "section" by 1 */
counter-increment: section;
content: "Section " counter(section) ": ";
}
Giá trị mặc định:
/* Increment "subsection" by 1 */
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
cơ thể {& nbsp; / * Đặt "My-Sec-Trunting" thành 0 */& NBSP; Quarter-reset: My-Sec-Trunting;}
/* Set "my-sec-counter" to 0 */
counter-reset: my-sec-counter;
}
h2 :: Trước {& nbsp; & nbsp;/ * tăng "My-sec-Muff" bằng 1 */& nbsp; & nbsp; counter-increment: my-sec-vin Sec-Vượt) ".";}
/* Increment "my-sec-counter" by 1 */
counter-increment: my-sec-counter;
content: counter(my-sec-counter, upper-roman) ". ";
}
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thuộc tính counter-reset tạo hoặc đặt lại một hoặc nhiều bộ đếm CSS.
Thuộc tính counter-reset thường được sử dụng cùng với thuộc tính phản ứng và thuộc tính nội dung.
Giá trị mặc định:
không ai
không
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Copyright 1999-2022 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.
W3Schools is Powered by W3.CSS.
Vẽ biểu đồ thống kê trong php
Giới thiệuHiện nay các website quản lý càng trở nên phong phú và đa dạng nên việc thống kê quản lý và báo cáo là điều khá phổ biến. Để việc thống kê ...
Hướng dẫn căn giữa button css
Mọi người kêu la tại sao căn giữa trong CSS nó lại khó khăn như vậy? . Tôi nghĩ rằng vấn đề không phải rất khó để làm, có rất nhiều cách khác nhau để ...
Hướng dẫn figure image css - hình ảnh css
Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article) Dai Phong (you can also view the original English article) Thẻ được giới ...
Đổi pass mysql linux
Đầu tiên bạn cần phải xác định hệ thống của bạn đang sử dụng là MySQL hay MariaDB. Bằng cách sử dụng câu lệnhmysql --versionVới MySQL. Kết quả sẽ trông ...
Hướng dẫn scss
Hướng dẫn học SCSS, nội dung bài học đơn giản, khoa học giúp bạn cài đặt, tự động thực thi file CSS chỉ với thao tác save, giúp bạn làm quen với các nội ...