CSS 属性与值 API - Web API

接口

CSS.registerProperty: 定义浏览器应如何解析 CSS 自定义属性。通过 JavaScript 中的 CSS.registerProperty 访问此接口。
@property: 定义浏览器应如何解析 CSS 自定义属性。通过 CSS 中的 @property at-rule 访问此接口。

以下代码将使用 JavaScript 中的 CSS.registerProperty 注册一个名为 --my-color 的自定义属性。--my-color 将使用 CSS 颜色语法，默认值为 #c0ffee，并且不继承其值。

js

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

使用 CSS 中的 @property at-rule 可以进行相同的注册：

css

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

规范
CSS 属性和值 API Level 1 # the-css-property-rule-interface
CSS 属性和值 API Level 1 # the-registerproperty-function

此页面最后修改于 ⁨2025年2月14日⁩，由 MDN 贡献者完成。