fallback

Cú pháp

/* Giá trị từ khóa */
fallback: lower-alpha;
fallback: custom-gangnam-style;

Giá trị

Mô tả nhận một <counter-style-name> duy nhất làm giá trị:

<counter-style-name>

Cung cấp tên của kiểu đếm được dùng làm dự phòng, là <custom-ident> phân biệt hoa thường của kiểu counter CSS tùy chỉnh (không có dấu nháy) hoặc giá trị thuộc tính list-style-type không phân biệt hoa thường như decimal, disc, v.v.

Nếu bỏ qua, dự phòng counter mặc định là decimal.

Mô tả

Kiểu đếm được cung cấp làm giá trị của mô tả fallback được dùng khi mô tả range được chỉ định cho một kiểu đếm; kiểu fallback được dùng để biểu diễn tất cả các giá trị nằm ngoài phạm vi. Kiểu fallback cũng được dùng khi hệ thống fixed system được dùng và không đủ ký hiệu để bao phủ tất cả các mục danh sách; kiểu fallback được dùng để biểu diễn tất cả các giá trị vượt ra ngoài phạm vi của hệ thống fixed. Trong cả hai trường hợp này, và bất kỳ khi nào counter được định nghĩa không thể tạo giá trị counter cụ thể, kiểu fallback sẽ được dùng.

Nếu kiểu dự phòng được chỉ định cũng không thể xây dựng biểu diễn, thì giá trị fallback của counter dự phòng đó sẽ được dùng. Nếu fallback của kiểu dự phòng đó cũng không thể xây dựng biểu diễn, thì fallback của fallback đó sẽ được dùng. Quá trình dự phòng này tiếp tục cho đến khi tìm thấy dự phòng có thể xây dựng biểu diễn counter. Nếu không có giá trị fallback nào có thể xây dựng biểu diễn — nếu kiểu dự phòng không có giá trị fallback, hoặc nếu giá trị fallback không được chỉ định hoặc không hợp lệ — dự phòng mặc định là decimal.

Định nghĩa hình thức

Cú pháp hình thức

fallback = 
  <counter-style-name>  

<counter-style-name> = 
  <custom-ident>  

Ví dụ

Chỉ định kiểu counter dự phòng

HTML

<ul class="list">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>

CSS

@counter-style fallback-example {
  system: fixed;
  symbols: "\24B6" "\24B7" "\24B8";
  fallback: upper-alpha;
}

.list {
  list-style: fallback-example;
}

Kết quả

Thông số kỹ thuật

Tương thích trình duyệt

Xem thêm

• Các mô tả @counter-style khác: system, symbols, additive-symbols, negative, prefix, suffix, range, pad, và speak-as
• list-style, list-style-image, list-style-position
• symbols(): ký pháp hàm để tạo kiểu counter ẩn danh