base-palette

Базовая версия 2022

Новое доступное свойство

Начиная с ноября 2022 года, данное свойство работает на последних версиях устройств и браузеров. Возможно, оно не будет работать на более старых устройствах или браузерах.

Описание base-palette CSS используется для указания имени или индекса предварительно определённой палитры, используемой для создания новой палитры. Если указанная base-palette не существует, будет использована палитра по умолчанию (с индексом 0).

Синтаксис

@font-palette-values --one {
  base-palette: 1;
}

Описание base-palette задаётся с использованием нулевого индекса палитр, созданных разработчиком шрифта.

Значения

<index>: Указывает индекс предварительно определённой палитры для использования.

Формальное определение

Связанное правило	`@font-palette-values`
Значение по умолчанию	`n/a (required)`
Вычисленное значение	указанное значение

Формальный синтаксис

base-palette = 
  light            |
  dark             |
  <integer [0,∞]>

Примеры

Изменение палитры по умолчанию в шрифте

Используя шрифт Rocher Color, этот пример демонстрирует два случая переключения палитры по умолчанию в шрифте на альтернативную палитру, созданную разработчиком шрифта.

HTML

<h2>default base-palette</h2>
<h2 class="two">base-palette at index 2</h2>
<h2 class="five">base-palette at index 5</h2>

CSS

@font-face {
  font-family: "Rocher";
  src: url("[path-to-font]/RocherColorGX.woff2") format("woff2");
}

h2 {
  font-family: "Rocher";
}

@font-palette-values --two {
  font-family: "Rocher";
  base-palette: 2;
}

@font-palette-values --five {
  font-family: "Rocher";
  base-palette: 5;
}

.two {
  font-palette: --two;
}

.five {
  font-palette: --five;
}

Результат

Example showing 3 different base-palettes of Rocher color font

Спецификации

Спецификация
CSS Fonts Module Level 4 # base-palette-desc

Совместимость с браузерами

	Десктопные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android
`base-palette`	101	101	107	87	15.4	101	107	70	15.4	19.0	101

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-palette-values/base-palette