栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

为什么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-color
flood-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
),则边框颜色也会随之改变!它也适用于过渡!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432677.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号