继承性
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
-
属性默认不继承
规范定义
标准语法
inherits = true | false
实例
为 --my-color
自定义属性
添加颜色值类型检测、设置默认值并且设置属性值不允许被继承。
@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