Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

css @property

作者:傲骨依旧   发布日期:2025-05-12   浏览:86

@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禁止选中

大家都在看

css 红色

css文字超长省略号

css 渐变字体

css背景图片等比例缩放

css文字删除线

css 自定义滚动条

css flex gap

css上一个兄弟元素怎么找到

css文字超出隐藏变省略号鼠标上去展示完整

css文字不允许换行

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站