CSS currentColor

admin發表於2018-08-18

此屬性代表當前元素應用的color顏色值,也可以說是當前元素的文字顏色值。

瀏覽器相容:

(1).IE9+瀏覽器支援此屬性。

(2).edge瀏覽器支援此屬性。

(3).谷歌瀏覽器支援此屬性。

(4).火狐瀏覽器支援此屬性。

(5).opera瀏覽器支援此屬性。

(6).safria瀏覽器支援此屬性。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE HTML>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
div {
  width:200px;
  height:100px;
  color:green;
  border:5px solid currentColor;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

currentColor獲取的顏色值就是當前div元素的字型顏色值,所以邊框的顏色是綠色。

相關文章