color
設定物件的文字色彩。
語法
{ color:
sColor }
可能的值
sColor
指定有效 HTML 色彩名稱或 RGB 值的變數。
此屬性沒有預設值。這是繼承屬性。
備註
以下是指定色彩的不同方式 (在此範例中為紅色):
em {color: red} /* natural language / CNS */
em {color: #F00} /* #RGB */
em {color: #FF0000} /* #RRGGBB */
em {color: hsl:(0, 100%, 50%)} /* #HSL */
em {color: hsla:(0, 100%, 50%, 1)} /* #HSLA */
em {color: rgb 100%, 0, 0} /* percentage: 0 - 100 */
em {color: rgba 255, 0, 0, 1) /* rgb: 0 – 255; a: 0.0 – 1.0 */
某些瀏覽器無法辨識色彩名稱,但所有瀏覽器應該都能辨識 RGB 色彩值並正確加以顯示。
HSL 值的格式是 hsl (色調,飽和度,亮度)。在 HSL 色彩模型中,「色調」是定義成色彩在色輪上的角度 (例如,紅色是 0 或 360,綠色是 120,藍色是 240,依此類推)。「飽和度」和「亮度」是以百分比來表示。
在 RGBA 和 HSLA 色彩模型中,Alpha 元素 (A) 是以 0.0 (完全透明) 到 1.0 (完全不透明) 之間的值來表示。
範例
下列範例使用 color 屬性來變更物件的文字色彩。此範例會呼叫內嵌 (全域) 樣式表,以在發生 onmouseover 事件時,將文字色彩變更為 red :
<style>
.color1 {color:red}
.color2 {color:}
</style>
</head>
<body>
<span style="font-size:14" onmouseover="this.className='color1'" onmouseout="this.className='color2'"> . . .
標準資訊
您可以在 World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (全球資訊網協會 (W3C) 文件物件模組 (DOM) 層級 1) 和 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1))
找到此屬性的定義。
適用範圍
a, address, applet, b, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, dfn, div, dl, dt, em, fieldset, form, hn, html, i, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, li, ol, option, p, s, select, span, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, xmp