继承性

Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

inherits CSS 描述符在使用@property at-rule时是必需的，它控制由 @property声明注册的自定义属性默认情况下是否会被继承。

Syntax（类型描述符）

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

@property --property-name {
  syntax: '<color>';
  inherits: true;
  initial-value: #c0ffee;
}

取值

true

属性默认继承

false

属性默认不继承

规范定义

Related at-rule@property
初始值auto
计算值as specified

标准语法

inherits =   true   |  false

实例

为 --my-color 自定义属性添加颜色值类型检测、设置默认值并且设置属性值不允许被继承。

使用 CSS @property @规则:

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

使用 JavaScript 中的 CSS.registerProperty (en-US)函数：

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

规范

Specification
CSS Properties and Values API Level 1
# inherits-descriptor

浏览器兼容性

BCD tables only load in the browser

另见