color

语法：

color：<color>

默认值：由user agent决定

适用于：所有元素

继承性：有

动画性：是

计算值：指定值

媒　体：视觉

取值：

<color>：: 指定颜色。

说明：

检索或设置对象的文本颜色。无默认值

可以使用Color Name(颜色名称), HEX, RGB, RGBA, HSL, HSLA, transparent来指定color。
注意，用颜色名称指定color可能不被一些浏览器接受。
color属性值被间接用来提供一个中间值currentColor以供其他接受颜色值的属性使用。

示例：

div { border: 10px solid; color: red; }

如上代码，没有定义边框的颜色，但定义了color的颜色为red，那么这时red将会作为一个间接值currentColor提供给边框颜色属性，所以最终边框色也为red。
对应的脚本特性为：color。

兼容性：

浅绿 = 支持
红色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	8.0+	40.0+	40.0+	8.0+	40.0+	8.0+	4.4+	28.0+
RGBA, HSL, HSLA, transparent	8.0
RGBA, HSL, HSLA, transparent	9.0+

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>color_CSS参考手册_web前端开发参考手册系列 | Js中文网-全球前端挚爱的技术成长平台</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.javascriptc.com" />
<style>
.colorname p{color:green;}
.hex p{color:#ff0000;}
.rgb p{color:rgb(0,0,0);}
.rgba p{color:rgba(0,0,0,.5);}
.hsl p{color:hsl(240,50%,50%);}
.hsla p{color:hsla(240,50%,50%,.5);}
.transparent p{color:transparent;}
</style>
</head>
<body>
<ul class="test">
	<li class="colorname">
		Color Name(用颜色名称表示法)
		看看我的颜色　{color:green;}
	</li>
	<li class="hex">
		HEX(十六进制数值表示法)
		看看我的颜色　{color:#ff0000;}
	</li>
	<li class="rgb">
		RGB
		看看我的颜色　{color:rgb(0,0,0);}
	</li>
	<li class="rgba">
		RGBA - IE8及以下浏览器不支持这种写法
		看看我的颜色　{color:rgba(0,0,0,.5);}
	</li>
	<li class="hsl">
		HSL - IE8及以下浏览器不支持这种写法
		看看我的颜色　{color:hsl(240,50%,50%);}
	</li>
	<li class="hsla">
		HSLA - IE8及以下浏览器不支持这种写法
		看看我的颜色　{color:hsla(240,50%,50%,.5);}
	</li>
	<li class="transparent">
		transparent - IE8及以下浏览器将文本颜色设置为transparent，文本将显示为黑色
		看看我的颜色　{color:transparent;}
	</li>
</ul>
</body>
</html>

语法：

取值：

说明：

兼容性：

示例：

看完两件小事