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 貢獻者完成。