CSS color 屬性
定義和用法
color 屬性規定文本的顏色。
這個屬性設置了一個元素的前景色(在 HTML 表現中,就是元素文本的顏色);光柵圖像不受 color 影響。這個顏色還會應用到元素的所有邊框,除非被 border-color 或另外某個邊框顏色屬性覆蓋。
要設置一個元素的前景色,最容易的方法是使用 color 屬性。
默認值: | not specified |
---|---|
繼承性: | yes |
版本: | CSS1 |
JavaScript 語法: | object.style.color="#FF0000" |
實例
為不同元素設置文本顏色:
body {color:red;
} h1 {color:#00ff00;
} p {color:rgb(0,0,255);
}
TIY
瀏覽器支持
所有瀏覽器都支持 color 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
提示和注釋
提示:請使用合理的背景顏色和文本顏色搭配,這樣可以提高文本的可讀性。
可能的值
值 | 描述 |
---|---|
color_name | 規定顏色值為顏色名稱的顏色(比如 red)。 |
hex_number | 規定顏色值為十六進制值的顏色(比如 #ff0000)。 |
rgb_number | 規定顏色值為 rgb 代碼的顏色(比如 rgb(255,0,0))。 |
inherit | 規定應該從父元素繼承顏色。 |
TIY 實例
- 設置文本顏色
- 本例演示如何設置文本的顏色。
相關頁面
CSS 教程:CSS 文本
HTML DOM 參考手冊:color 屬性