Style color 屬性

定義和用法

color 屬性設置或返回文本的顏色。

另請參閱：

CSS 教程：CSS 文本

CSS 參考手冊：color 屬性

實例

例子 1

設置不同元素的文本顏色：

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";

親自試一試

例子 2

返回 <p> 元素的文本顏色：

alert(document.getElementById("myP").style.color);

親自試一試

語法

返回 color 屬性：

object.style.color

設置 color 屬性：

object.style.color = "color|initial|inherit"

屬性值

值 描述
color

規定文本的顏色。

請查看 CSS 顏色值，獲取可能的顏色值的完整列表。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： 未指定
返回值： 字符串，表示元素的文本顏色。
CSS 版本： CSS1

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持