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
サポート サポート サポート サポート サポート