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
| Zastosowanie | Wszystkie elementy HTML |
|---|---|
| Obsługiwane wartości |
|
| Wartość początkowa | normal |
| Dziedziczenie | Tak |
| Specyfikacja | CSS Fonts Module Level 4, własność font-palette |
