购物车
登陆 / 注册
微信扫码登陆

推荐手册

currentColor

currentColor
currentColor关键字的使用值是 color 属性值的计算值
编辑:前端控 前端控 更新时间:2019-01-28 09:13:17

currentColor

说明:

在CSS1和CSS2中定义了 border-color 属性的默认值是 color 属性的值,但却没有为此定义一个相应的关键字。

这个问题在 SVG 中被意识到了,于是在 SVG 1.0 中引入了 currentColor 关键字。

在CSS3中扩展了颜色值包含 currentColor 关键字,并用于所有接受颜色的属性上。

currentColor是 color 属性的值,具体意思是指:currentColor关键字的使用值是 color 属性值的计算值。如果currentColor关键字

被应用在 color 属性自身,则相当于是 color: inherit

上述这些话都是什么意思呢?先看个例子

示例代码:

div {
	border: 1px solid;
	color: red;
}

如果你能立马知道上述代码的运行结果,那么就差不多理解 currentColor 关键字的意思了。

上述代码将会让div拥有一个红色的边框,这就解释了 border-color 属性的默认值是 color 属性的值;

如果将上述代码中的color属性定义删除,那么边框的颜色将取决于父元素的 color 计算值,因为 color 拥有继承性;

兼容性:

浅绿 = 支持

红色 = 不支持

粉色 = 部分支持

IEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
6.0+2.0+4.0+3.1+3.5+3.2+2.1+18.0+

更多内容请参阅:CSS颜色值CSS颜色

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号