quy tắc @counter-style CSS

định nghĩa và cách sử dụng

CSS CSS grammar quy tắc được sử dụng để định nghĩa mẫu đếm tùy chỉnh.

khi mẫu đã định nghĩa sẵn không phù hợp với yêu cầu:CSS grammar quy tắc cho phép bạn định nghĩa mẫu đếm tùy chỉnh.

mẫu

định nghĩa樣式 đếm tùy chỉnh cho danh sách:

@counter-style crown {
  system: cyclic;
  symbols: "\1F451";
  suffix: " ";
one or more descriptors
ul {
  list-style: crown;
one or more descriptors

thử trực tiếp

CSS 语法

CSS grammar Mô tả @counter-style
  {
one or more descriptors

}

Giá trị thuộc tính Giá trị
Mô tả

countername

Định nghĩa tên viết hoa hoặc viết thường của phong cách bộ đếm.
Lưu ý: tên bộ đếm không thể là: none, decimal, disc, square, circle, disclosure-open hoặc disclosure-closed.

system

Định nghĩa thuật toán chuyển đổi giá trị nguyên của bộ đếm thành chuỗi.

Nếu system được thiết lập là: cyclic, numeric, alphabetic, symbolic hoặc fixed,则需要symbols mô tả.
Nếu system được thiết lập là: additive,则需要additive-symbols mô tả.

symbols

Định nghĩa ký hiệu được sử dụng để biểu thị thẻ (có thể là chuỗi, hình ảnh hoặc标识符 tùy chỉnh).

Nếu mô tả system được thiết lập là cyclic, numeric, alphabetic, symbolic hoặc fixed, thì bắt buộc.
Ký hiệu UTF-8 của HTML.

additive-symbols

Hệ thống bộ đếm cộng thêm (như số La Mã) được cấu thành từ một loạt các ký hiệu có trọng số.

Danh sách các ký hiệu bộ đếm và trọng số nguyên dương không âm được sắp xếp theo thứ tự giảm dần theo trọng số.

Nếu mô tả system được thiết lập là additive, thì bắt buộc.
negative Định nghĩa ký hiệu cần thêm vào trước hoặc sau thẻ biểu thị khi giá trị là số âm.
prefix Định nghĩa ký hiệu cần thêm vào trước thẻ biểu thị.
suffix Định nghĩa ký hiệu cần thêm vào thẻ biểu thị.
range

Định nghĩa phạm vi giá trị của phong cách bộ đếm.

Nếu giá trị bộ đếm vượt ra khỏi phạm vi, hãy chuyển đổi sang phong cách dự phòng.
pad

Nếu thẻ biểu thị cần phải có độ dài tối thiểu, hãy sử dụng mô tả này.

Ví dụ, nếu bạn muốn bộ đếm bắt đầu từ 01, theo thứ tự là 02, 03, 04 v.v., hãy sử dụng mô tả pad.

Đối với bộ đếm có giá trị lớn hơn giá trị pad được chỉ định, thẻ sẽ được xây dựng bình thường.
speak-as

Định nghĩa cách mà bộ tạo âm thanh nên đọc phong cách bộ đếm.

Ví dụ, đối với danh sách có thứ tự, đọc ra là số hoặc chữ cái; đối với danh sách không có thứ tự, đọc ra là lời nhắc âm thanh.
fallback

Định nghĩa tên bộ đếm dự phòng nếu hệ thống không thể xây dựng thẻ hoặc vượt quá phạm vi được chỉ định.

Nếu không mô tả bộ đếm dự phòng hoặc hệ thống dự phòng không thể biểu thị giá trị bộ đếm, hãy chuyển đổi sang phong cách thập phân.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hoàn toàn hỗ trợ quy tắc @ này.

Chrome Edge Firefox Safari Opera
91 91 33 17 77