color 屬性/樣式/取值/語法/格式寫法/簡寫/用法[CSS教程手冊]

語法：

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	6.0+	2.0+	4.0+	3.1+	15.0+	3.2+	2.1+	18.0+
RGBA, HSL, HSLA, transparent	6.0-8.0
RGBA, HSL, HSLA, transparent	9.0+

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>color_CSS參考手冊_web前端開發參考手冊系列【CSS在線手冊-網站設計教程參考資料】</title>
<meta name="author" content="易網,網站設計,網站制作,網站建設,m.dgyx668.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 id="ozxncpclvf" class="colorname">
		Color Name(用顏色名稱表示法)
		看看我的顏色　{color:green;}
	</li>
	<li id="ozxncpclvf" class="hex">
		HEX(十六進制數值表示法)
		看看我的顏色　{color:#ff0000;}
	</li>
	<li id="ozxncpclvf" class="rgb">
		RGB
		看看我的顏色　{color:rgb(0,0,0);}
	</li>
	<li id="ozxncpclvf" class="rgba">
		RGBA - IE8及以下瀏覽器不支持這種寫法
		看看我的顏色　{color:rgba(0,0,0,.5);}
	</li>
	<li id="ozxncpclvf" class="hsl">
		HSL - IE8及以下瀏覽器不支持這種寫法
		看看我的顏色　{color:hsl(240,50%,50%);}
	</li>
	<li id="ozxncpclvf" class="hsla">
		HSLA - IE8及以下瀏覽器不支持這種寫法
		看看我的顏色　{color:hsla(240,50%,50%,.5);}
	</li>
	<li id="ozxncpclvf" class="transparent">
		transparent - IE8及以下瀏覽器將文本顏色設置為transparent，文本將顯示為黑色
		看看我的顏色　{color:transparent;}
	</li>
</ul>
</body>
</html>