您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

为什么CSS border-color继承了color属性?

为什么CSS border-color继承了color属性?

根据相关背景和边框模块规范的第4.1节,初始值为:border-colorcurrentColor

根据相关背景和边框模块规范的第4.1节,初始值为:border-colorcurrentColor

CSS颜色模块-4.4。currentColor颜色关键字

CSS1和CSS2将border-color属性的初始值定义为属性的值,color但未定义相应的关键字。这种省略通过SVG认可,因此SVG 1.0介绍了currentColor该值fill,stroke,stop-colorflood-color,和lighting-color特性。

CSS3将color值扩展为包括currentColor关键字,以允许其与接受<color>值的所有属性一起使用。这简化了CSS3中这些属性的定义。

换句话说,在您的情况下,该值将被视为以下内容

border: 4px solid currentColor;

因此,您还可以将currentColor值用于诸如background-color属性之类的东西。例如:

div {

  color: red;

  width: 100px;

  height: 100px;

  border: 4px solid;

  background-color: currentColor;

}


<div></div>

有趣的是,如果您更改字体颜色(例如:hover),则边框颜色也会随之改变!它也适用于过渡!

CSS 2022/1/1 18:22:17 有317人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶