currentColor

在CSS1和CSS2中定義了border-color屬性的默認(rèn)值是color屬性的值，但卻沒有為此定義一個(gè)相應(yīng)的關(guān)鍵字。

這個(gè)問題在 SVG 中被意識(shí)到了，于是在 SVG 1.0 中引入了currentColor關(guān)鍵字。

在CSS3中擴(kuò)展了顏色值包含currentColor關(guān)鍵字，并用于所有接受顏色的屬性上。

• 如果currentColor關(guān)鍵字被應(yīng)用在color屬性自身，則相當(dāng)于是color: inherit。

• 上述這些話都是什么意思呢？先看個(gè)例子

  示例代碼：

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

  如果你能立馬知道上述代碼的運(yùn)行結(jié)果，那么就差不多理解 currentColor 關(guān)鍵字的意思了。

  上述代碼將會(huì)讓div擁有一個(gè)紅色的邊框，這就解釋了 border-color 屬性的默認(rèn)值是 color 屬性的值；

  如果將上述代碼中的color屬性定義刪除，那么邊框的顏色將取決于父元素的 color 計(jì)算值，因?yàn)?color 擁有繼承性；

• 淺綠 = 支持
• 紅色 = 不支持
• 粉色 = 部分支持

1. 不支持currentColor關(guān)鍵字，但支持以不定義該值的方式達(dá)到相同的效果；