言語
日本語
English

Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

  1. トップページ
  2. CSS辞典
  3. color

color

文字色(フォントカラー)を指定できます。

サンプルコード

div.test { color: #0000ff;}
div.test1 { color: red;}

指定可能な値一覧

概要
カラーコード、もしくはカラーネーム文字色を指定した色へ変更します。カラーコードを使用する場合は8bit、16bit、RGBAカラーモデルでの指定が可能です。カラーネーム一覧はW3C様の公式サイトをご参照ください。

ブラウザでの表示結果

<p style="color: #0000ff;">ここはp要素です。『color: #0000ff』と指定しています。</p>

<p style="color: red;">ここはp要素です。『color: red』と指定しています。</p>

<p style="color: rgba(0, 0, 0, 0.6);">ここはp要素です。『color: rgba(0, 0, 0, 0.6)』と指定しています。</p>

対応ブラウザ

Chrome Chrome
1 以降
Firefox Firefox
1 以降
Safari Safari
1 以降
Edge Edge
12 以降
全バージョンで対応しています
IE IE
11
10
9
8
7
6
Opera Opera
3.5 以降
2 以前 ×
iOS Safari iOS Safari
1 以降
Android Android Browser
4.4 以降
3 以前 ×
Chrome Android Chrome Android
最新版
デスクトップ版と同等の対応です
Firefox Android Firefox Android
最新版
デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

概要

文字色(フォントカラー)を指定できます。カラーコード、もしくはカラーネームが使用可能です。使用可能なカラーネーム一覧はW3C様の公式サイトをご参照ください。

RGBAカラーモデルはIE8以下のIEでは未対応となっていますのでご注意ください。

『color』プロパティはこちらの記事でも解説をしております。

記事の間違いや著作権の侵害等ございましたらお手数ですがまでご連絡頂ければ幸いです。