API свойств и значений CSS

API свойств и значений CSS — часть набора API CSS Houdini — позволяет разработчикам явно определять свои собственные свойства CSS, что позволяет проверять тип свойства, устанавливать значения по умолчанию и определять, наследуется ли свойство своего значения.

CSS.registerProperty

Определяет, как браузер должен парсить собственные свойства CSS. Доступ к этому интерфейсу осуществляется через CSS.registerProperty в JavaScript.

@property

Определяет, как браузер должен парсить собственные свойства CSS. Доступ к этому интерфейсу осуществляется через @property правило в CSS.

Следующее действие зарегистрирует собственное свойство с именем --my-color с помощью CSS.registerProperty в JavaScript. --my-color будет использовать синтаксис цвета CSS, будет иметь значение по умолчанию #c0ffee, и не будет наследовать значение:

window.CSS.registerProperty({
  name: "--my-color",
  syntax: "<color>",
  inherits: false,
  initialValue: "#c0ffee",
});

Такая же регистрация может произойти в CSS с использованием @property правила:

@property --my-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #c0ffee;
}

• Использование API свойств и значений CSS
• API рисования CSS
• CSS типизированная объектная модель
• API Houdini