currentColor

说明

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

  • 如果currentColor关键字被应用在 color 属性自身,则相当于是 color: inherit。
  • 上述这些话都是什么意思呢?先看个例子

示例代码:

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

如果你能立马知道上述代码的运行结果,那么就差不多理解 currentColor 关键字的意思了。 上述代码将会让div拥有一个红色的边框,这就解释了 border-color 属性的默认值是 color 属性的值; 如果将上述代码中的color属性定义删除,那么边框的颜色将取决于父元素的 color 计算值,因为 color 拥有继承性;

兼容性

IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0+ 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+