CSS3中 currentColor属性值简介说明


摘要:
下文讲述css3中的currentColor关键字的简介说明,如下所示:


css3 currentColor属性值功能说明

currentColor获取当前元素的颜色值,作为此属性值
———————————
currentColor属性值支持的浏览器:
1.IE9+浏览器支持此属性
2.edge浏览器支持此属性
3.谷歌浏览器支持此属性
4.火狐浏览器支持此属性
5.opera浏览器支持此属性
6.safria浏览器支持此属性

currentColor注意事项:
无颜色值时,则使用缺省颜色值黑色


css3 currentColor属性值举例说明

例:
currentColor属性值测试

   
<!DOCTYPE HTML>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" /> 
<title>猫猫教程(www.maomao365.com)--currentColor属性值简介说明</title> 
<style type="text/css">
.div1 {
  width:200px;
  height:100px;
  background-color:red;
  color:green;
  border:5px solid currentColor;
}
.div2 {
  width:200px;
  height:100px;
  background-color:red; 
  border:5px solid currentColor;
}

</style>
</head>
<body>
<div class='div1'>currentColor颜色为green</div>
<br />
<div class='div2'>currentColor颜色为black</div>
 
</body>
</html>    
css3 currentColor颜色值举例说明

css3 currentColor颜色值举例说明