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;
}

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

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