Sự miêu tả
Các phản reset tài sản đặt một bộ đếm được đặt tên cho một giá trị cụ thể.
Những giá trị khả thi
name- Tên quầy. Tên có thể là bất kỳ giá trị chuỗi nào.
integer- Xác định gia số cho bộ đếm được đặt tên mỗi khi phần tử xuất hiện trong tài liệu. Gia số này có thể bằng 0 hoặc thậm chí âm. Nếu không có số nguyên nào được cung cấp, bộ đếm sẽ tăng lên một.
none - Không có gia số nào được thực hiện.
Áp dụng đối với
Tất cả các phần tử HTML.
Cú pháp DOM
object.style.counterReset = "section 1";
Thí dụ
Ví dụ này cho thấy một cách để đánh số các chương và phần bằng "Chương 1", "1.1", "1.2", v.v.
<html>
<head>
<style>
body {
counter-reset: section;
}
h1 {
counter-reset: subsection;
}
h1:before {
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before {
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
</style>
</head>
<body>
<h1> Tutorialspoint.com</h1>
<h2> Tutorialspoint.com</h2>
<h2> Tutorialspoint.com</h2>
<h2> Tutorialspoint.com</h2>
<h2> Tutorialspoint.com</h2>
</body>
</html>
Nó sẽ tạo ra kết quả sau:
Thuộc tính 'đặt lại ngược lại' tuân theo quy tắc xếp tầng. Do đó, do xếp tầng, bảng định kiểu sau sẽ chỉ đặt lại 'imagenum' -
h1 { counter-reset: section -1 }
h1 { counter-reset: imagenum 99 }
Để đặt lại cả hai bộ đếm, chúng phải được chỉ định cùng nhau -
h1 { counter-reset: section -1 imagenum 99 }