Hướng dẫn reset css w3schools - đặt lại css w3schools

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.

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.

CSS Cú pháp

Quarter-reset: Không có | Tên số | ban đầu | kế thừa;

Giá trị tài sản

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 ...