@property --custom-color {
syntax: '<color>';
inherits: false;
initial-value: #c0ffee;
}
.element {
background-color: var(--custom-color);
}
解释说明:
@property
规则用于定义自定义属性(CSS 变量)的行为。--custom-color
是一个自定义属性的名称。syntax: '<color>'
指定了该属性的值类型为颜色。inherits: false
表示该属性不会继承父元素的值。initial-value: #c0ffee
设置了该属性的初始值为 #c0ffee
。.element
类使用了这个自定义属性来设置背景颜色。上一篇:css自定义滚动条样式
下一篇:css禁止选中
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站