CSS @font-palet-waarden regel

Definitie en gebruik

CSS @font-palette-values De regel wordt gebruikt om standaardwaarden van aangepaste lettertypepaletten te definiëren.

Voorbeeld

Standaardwaarden van aangepaste lettertypepaletten:

@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;
}

Probeer het zelf uit

CSS syntaxis

@font-palette-values --identifier {
  een of meer beschrijvers
}

Eigenschapswaarde

Waarde Beschrijving
font-family Definieer de naam van de lettertypefamilie die dit palet kan toepassen.
base-palette Definieer de naam of index van het basispalet dat moet worden gebruikt.
override-colors Definieer de kleuren in het basispalet dat moet worden gedekt.

Browserondersteuning

De cijfers in de tabel vertegenwoordigen de browserversies die de @ regel volledig ondersteunen.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87