CSS3 currentColor

admin發表於2018-08-18
CSSS3

此屬性代表當前元素應用的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元素的字型顏色值，所以邊框的顏色是綠色。

相關文章