Reguła @font-palette-values w CSS

Definicja i użycie

CSS @font-palette-values Reguła służy do ustawienia domyślnych wartości dla niestandardowych palet czcionek.

Przykład

Domyślne wartości dla niestandardowych palet czcionek:

@font-palette-values --greenAndYellow {
  font-family: "Bungee Spice";
  override-colors: 0 żółty, 1 zielony;
}
@font-palette-values --pinkAndGray {
  font-family: "Bungee Spice";
  override-colors: 0 różowy, 1 szary;
}
.alt1 {
  font-palette: --greenAndYellow;
}
.alt2 {
  font-palette: --pinkAndGray;
}

Spróbuj sam

Gramatyka CSS

@font-palette-values --identyfikator {
  jeden lub więcej opisów
}

Wartość atrybutu

Wartość Opis
font-family Zdefiniuj nazwę rodziny czcionek, do której może być zastosowana ta paleta.
base-palette Zdefiniuj nazwę lub indeks podstawowej palety kolorów, którą chcesz użyć.
override-colors Zdefiniuj kolory w podstawowej paletach kolorów, które mają być zastąpione.

Obsługa przeglądarki

Liczby w tabeli oznaczają wersje przeglądarek, które w pełni obsługują tę @ zasadę.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87