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

Модуль API свойств и значений CSS определяет метод для регистрации новых свойств CSS, определения типа данных свойства, поведения наследования и, необязательно, начального значения. Этот API расширяет модуль CSS пользовательских свойств для каскадных переменных, который позволяет авторам определять пользовательские свойства в CSS с помощью синтаксиса с двумя тире (--). API свойств и значений CSS является частью набора API CSS Houdini.

Пользовательские свойства позволяют повторно использовать значения в проекте для упрощения сложных или повторяющихся таблиц стилей. Базовые пользовательские свойства определяются в модуле CSS пользовательских свойств для каскадных переменных. API свойств и значений CSS расширяет этот модуль, позволяя добавлять метаданные к пользовательским свойствам с помощью CSS с помощью правила @property или, как альтернатива, с помощью метода JavaScript CSS.registerProperty.

Независимо от того, зарегистрированы ли пользовательские свойства с помощью CSS или JavaScript, установка метаданных на пользовательские свойства обеспечивает ожидаемый тип данных, который браузер может использовать в зависимости от контекста, определяет начальное значение и позволяет управлять наследованием.

Регистрация пользовательских свойств API свойств и значений CSS более надежна, чем более базовая декларация пользовательских свойств CSS каскадных переменных, особенно когда речь идет о плавных переходах и анимации значений, так как браузеры могут интерполировать между пользовательскими значениями этого типа, в то время как свойства, использующие синтаксис с двумя тире (--), ведут себя скорее как подстановка строк.