color - 文字色の指定

投稿日: / 更新日:

スタイルシートのcolorは、文字色を指定するためのプロパティです。

サンプルコード

下記は、文字色に#D36015を指定するサンプルコードです。

div {
	color: #D36015 ;
}

デモ

スタイルシートのcolorを指定した例です。上の要素には#D36015、下の要素には#2660A1を指定してみました。文字色が変わっているのを確認して下さいね。

値の指定

値の指定方法は主に下記の通りです。リンクをクリックすると、デモを確認できます。

項目説明
inherit親要素の値を引き継ぐ。例の場合、div要素のcolorには、bodyに指定された値(#D36015)が引き継がれる。
initialプロパティの初期値が適用される。この場合、#000000となる。
transparent透明。視認できないが存在しているので、選択してコピーすることは可能。
colorCSSで許可された方法で、色の指定ができます。Hex(#D36015)、RGB(rgb( 211, 96, 21 ))、HSL(hsl( 24, 82%, 46% ))、KEYWORD(brown)など。

ブラウザのサポート

2016年7月現在の、ブラウザのサポート状況は次の通りです。全ての主要ブラウザで、ベンダープレフィクスなど気にすることなく利用できます。

  • Chrome

    -

    時期不明

  • Firefox

    -

    時期不明

  • Safari

    -

    時期不明

  • Ie

    -

    時期不明

  • Edge

    -

    時期不明

  • Opera

    -

    時期不明

  • Safari(iOS)

    -

    時期不明

  • Ie Mobile

    -

    時期不明

  • Chrome

    -

    時期不明

  • Android

    -

    時期不明

  • FF Mobile

    -

    時期不明

  • Opera Mobile

    -

    時期不明