Własność font-palette

> Dodaj do ulubionych

Własność CSS font-palette pozwala na wybór jednej z palet barw fontu kolorowego zdefiniowanych przez jego projektanta lub na użycie palety barw zdefiniowanej przez użytkownika za pomocą reguły @font-palette-values.

Wartości i składnia

Własność font-palette przyjmuje następujące wartości:

normal
Wybiera domyślną paletę kolorów fontu zdefiniowaną przez twórcę fontu.
light
Wybiera pierwszą dostępną paletę przeznaczoną dla jasnych teł.
dark
Wybiera pierwszą paletę przeznaczoną dla ciemnych teł.
Identyfikator palety
Identyfikator palety zdefiniowanej przez użytkownika za pomocą reguły @font-palette-values. Identyfikator ten powinien zaczynać się od dwóch łączników (--).
palette-mix()
Określa pozycję w interpolacji między dwiema wartościami określającymi palety za pomocą powyższych wartości lub innej funkcji palette-mix().

Przykład

Poniżej znajduje się prosty przykład użycia własności font-palette:

p {
  font-palette: dark;
}

Zastosowanie

Własność CSS font-palette ma zastosowanie do wszystkich elementów HTML.

Podsumowanie

ZastosowanieWszystkie elementy HTML
Obsługiwane wartości
  • Słowa kluczowe: normal, light, dark
  • Identyfikator
  • Funkcja palette-mix()
Wartość początkowanormal
DziedziczenieTak
SpecyfikacjaCSS Fonts Module Level 4, własność font-palette