inherits

Baseline 2024

新推出

自 ⁨2024 年 7 月⁩起，此功能可在最新的裝置和瀏覽器版本上使用。此功能可能無法在較舊的裝置或瀏覽器上使用。

inherits是@property at-rule 的一個CSS描述符，它控制已註冊的CSS自定義屬性是否預設繼承。它是一個必需的描述符；如果缺失或無效，則整個@property規則將無效並被忽略。

語法

css

/* Custom property does not inherit values */
inherits: false;

/* Custom property inherits values */
inherits: true;

inherits = 
  true   |
  false

本例演示如何定義一個自定義屬性--my-color，使其不從父元素繼承其值。

css

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

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

規範
CSS 屬性和值 API Level 1 # inherits-描述符

此頁面由MDN 貢獻者於2025年7月14日最後修改。