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) Ee371221.xtlink_newWindow(zh-tw,Expression.40).pngCascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1)) Ee371221.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

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

另請參閱

概念

色彩