[CSS] 關於 currentColor 屬性

舉例來說，假設希望所有的水平分隔線(全部的

---

 )像文字一樣自動有相同的顏色，則可以透過 currentColor ：

body{
  color:green;
}
hr{
  border-top: 1px solid currentColor;
}

示意圖：

currentColor 不是一個靜態的顏色屬性值，而是會一直隨著 color 屬性的值來做變化，讓它成為 CSS 裡的第一個變數。
另外 currentColor 也是很多 CSS 顏色屬性的預設值：border-color、text-shadow、和 box-shadow的顏色、outline-color 等。