最新のWeb開発のチュートリアル
 

Style color Property

<スタイルオブジェクト

異なる要素のテキスト色を設定します。

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";
»それを自分で試してみてください

定義と使用法

色のプロパティを設定またはテキストの色を返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

カラープロパティは、すべての主要なブラウザでサポートされています。


構文

色のプロパティを返します:

object .style.color

色のプロパティを設定します。

object .style.color=" プロパティ値
説明
color テキストの色を指定します。 見CSSカラー値の可能な色の値の完全なリストについては、
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 指定されていない
戻り値: 要素のテキストの色を表す文字列、
CSSのバージョン CSS1

その他の例

テキストの色を返します<p>要素を:

alert(document.getElementById("myP").style.color);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSテキスト

CSSリファレンス: color property


<スタイルオブジェクト