Ngữ pháp @font-palette-values trong CSS

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

CSS @font-palette-values Quy tắc được sử dụng để tùy chỉnh giá trị mặc định của bảng màu font.

Mô hình

Giá trị mặc định của bảng màu font tùy chỉnh:

@font-palette-values --greenAndYellow {
  font-family: "Bungee Spice";
  override-colors: 0 yellow, 1 green;
}
@font-palette-values --pinkAndGray {
  font-family: "Bungee Spice";
  override-colors: 0 hotpink, 1 gray;
}
.alt1 {
  font-palette: --greenAndYellow;
}
.alt2 {
  font-palette: --pinkAndGray;
}

Thử ngay

Ngữ pháp CSS

@font-palette-values --identifier {
  one or more descriptors
}

Giá trị thuộc tính

Giá trị Mô tả
font-family Định nghĩa tên họ font mà bảng màu này có thể áp dụng.
base-palette Định nghĩa tên hoặc chỉ số bảng màu cơ bản cần sử dụng.
override-colors Định nghĩa màu sắc trong bảng màu cơ bản cần bao phủ.

Hỗ trợ trình duyệt

Số liệu trong bảng biểu thị 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
101 101 107 15.4 87