系統(tǒng)顏色

警告：在本文中，CSS3顏色模塊的工作草案廢棄了系統(tǒng)顏色關(guān)鍵字，而增加了新的屬性appearance。類似地，CSS2.1預(yù)期到CSS3中的這些修改，也廢棄了這些關(guān)鍵字，強(qiáng)烈建議創(chuàng)作人員在網(wǎng)站建設(shè)時(shí)不要使用系統(tǒng)顏色，因?yàn)樵贑SS的將來(lái)版本中它們很可能不再出現(xiàn)。之所以要強(qiáng)調(diào)這一點(diǎn)，原因是當(dāng)前可用的一些瀏覽器確實(shí)支持系統(tǒng)顏色。

如果在設(shè)計(jì)網(wǎng)頁(yè)時(shí)你想重用用戶操作系統(tǒng)中指定的顏色，CSS2為此定義了一系列系統(tǒng)顏色關(guān)鍵字。只要能用<color>值的環(huán)境，就可以使用這些值。例如，可以通過以下聲明讓一個(gè)元素的背景與用戶的桌面顏色一致：

div#test {background-color: Background;}

因此，可以如下為文檔指定系統(tǒng)的默認(rèn)文本顏色和背景顏色：

body (color: WindowText; background: Window;}

通過這種定制，更有可能讓用戶很好地閱讀文檔，因?yàn)橛脩魬?yīng)該已經(jīng)適當(dāng)?shù)嘏渲昧瞬僮飨到y(tǒng)以支持這些顏色（如果沒有，那是他活該！）。

總共有28個(gè)系統(tǒng)顏色關(guān)鍵字，不過CSS沒有明確地定義這些關(guān)鍵字。相反，對(duì)各個(gè)關(guān)鍵字的含義只有一些概括（而且非常簡(jiǎn)短）的描述。下表描述了所有這28個(gè)關(guān)鍵字。如果Windows 2000顯示控制面板的“外觀”頁(yè)中有選項(xiàng)與之對(duì)應(yīng)，將在以下描述中補(bǔ)充說(shuō)明。

ActiveBorder

這種顏色應(yīng)用于活動(dòng)窗口的外邊框（“活動(dòng)窗口邊框”中的第一個(gè)顏色）。

ActiveCaption

當(dāng)前活動(dòng)窗口標(biāo)題的背景色（“活動(dòng)標(biāo)題欄”中的第一個(gè)顏色）。

AppWorkspace

支持多個(gè)文檔的應(yīng)用中使用的背景色，例如Microsoft Word中打開文檔“后面”的背景色（“應(yīng)用背景”中的第一個(gè)顏色）。

Background

桌面的背景色（“桌面”中的第一個(gè)顏色）。

ButtonFace

三維按鈕“面”上使用的顏色。

ButtonHighlight

三維顯示元素背離虛擬光源的邊沿上的亮色。因此，如果虛擬光源位于左上角，這就是顯示元素右邊界和下邊界上使用的亮色。

ButtonShadow

三維顯示元素的陰影色。

ButtonText

“按下”按鈕上文本的顏色（“3D對(duì)象”中的字體顏色）。

CaptionText

標(biāo)題。大小框中的文本以及滾動(dòng)箭頭框中符號(hào)的顏色（“活動(dòng)標(biāo)題欄”中的字體顏色）。

GrayText

置灰（禁用）文本。如果當(dāng)前顯示驅(qū)動(dòng)程序不支持純灰色，這個(gè)關(guān)鍵字解釋為#000。 Highlight控件中選中項(xiàng)的顏色（“選中項(xiàng)”中的第一個(gè)顏色）。

HighlightText

控件中選中項(xiàng)的文本顏色（“選中項(xiàng)”中的字體顏色）。

InactiveBorder

應(yīng)用于不活動(dòng)窗口的外邊框的顏色（“不活動(dòng)窗口邊框”中的第一個(gè)顏色）。

InactiveCaption

不活動(dòng)窗口的標(biāo)題的背景色（“不活動(dòng)標(biāo)題欄”的第一個(gè)顏色）。

Inact iveCapti onText

不活動(dòng)標(biāo)題中的文本顏色（“不活動(dòng)標(biāo)題欄”的字體顏色）。

InfoBackground

工具提示中的背景色（“工具提示”中的第一個(gè)顏色）。

InfoText

工具提示中的文本顏色（“工具提示”中的字體顏色）。

Menu

菜單背景的顏色（“菜單”中的第一個(gè)顏色）。

MenuText

菜單中的文本顏色（“菜單”中的字體顏色）。

Scrollbar

滾動(dòng)條的“灰色區(qū)域”。

ThreeDDarkShadow

與三維顯示元素的深陰影顏色相同。

ThreeDFace

與三維顯示元素的表面顏色相同。

ThreeDHighlight

三維顯示元素上的亮色。

ThreeDLightShadow

三維顯示元素上的淺色（面向光源邊沿上的顏色）。

ThreeDShadow

三維顯示元素上的深陰影。

Window

窗口的背景的顏色（“窗口”中的第一個(gè)顏色）。

WindowFrame

應(yīng)用于窗口的框架的顏色。

WindowText

窗口中的文本顏色（“窗口”中的字體顏色）。

CSS2將系統(tǒng)顏色關(guān)鍵字定義為不區(qū)分大小寫，不過建議在網(wǎng)頁(yè)設(shè)計(jì)時(shí)還是使用上表所示的混合大小寫寫法，這樣顏色名更可讀。可以看到，ThreeDLightShadow乍看上去就比threed- light shadow更容易理解。

系統(tǒng)顏色關(guān)鍵字本質(zhì)上是含糊的，這有一個(gè)明顯的缺點(diǎn)，不同的用戶代理可能以不同的方式解釋這些關(guān)鍵字，即使這些用戶代理在同一個(gè)操作系統(tǒng)上運(yùn)行。因此，在使用這些關(guān)鍵字設(shè)計(jì)網(wǎng)頁(yè)時(shí)，不要指望肯定會(huì)有一致的結(jié)果。例如，要避免這樣的文字：“査找顏色與桌面顏色一致的文本?！币?yàn)橛脩艨赡茉谀J(rèn)桌面顏色之上放了一個(gè)桌面圖像（或“墻紙”）。