CSS - đặt lại bộ đếm

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 }

Language