[CSS] 關於 currentColor 屬性

舉例來說,假設希望所有的水平分隔線(全部的 <hr> )像文字一樣自動有相同的顏色,則可以透過 currentColor

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

示意圖:

Screen Shot 2016-01-20 at 10.06.37 AM

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

您可在此處留言

avatar

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

  Subscribe  
Notify of