文字の色 (詳細情報) |
対応 |
Internet Explorer 4 ↑
Netscape 4 ↑ (ブラウザの対応)
|
字体 |
color:★;
|
指定 |
★の部分に 色 を指定します。 指定方法は下記にあげた方法があります。
#RRGGBB の方法はHTMLタグでも使います。 詳しくは 色の指定ページ 。
- 「#RRGGBB」 R(赤)、G(緑)、B(青)の部分に2桁ずつの英数字を指定。
- 「#RGB」 上の方法を省略することができます。(2桁が同じ場合だけ)
例: #aa4466 → #a46 、#3399ff → #39f
- 「rgb(R,G,B)」 R(赤)、G(緑)、B(青)の部分に 0〜255 の数字を指定。
- 「rgb(R%,G%,B%)」 R(赤)、G(緑)、B(青)の部分に 0〜100 の数字を指定。
- 「カラーネーム」 決められているカラーネームを記入するとその色になります。
例: red blue green yellow orange purple pink black white
|
効果 |
文字の色を変更することができます。 |
例1 |
<div style="color:#ee6611;">サンプル用の文字</div> |
結果 |
サンプル用の文字
|
例2 |
<div style="color:#00d;">サンプル用の文字</div> |
結果 |
サンプル用の文字
|
例3 |
<div style="color:rgb(45,174,0);">サンプル用の文字</div> |
結果 |
サンプル用の文字
|
例4 |
<div style="color:rgb(40%,40%,40%);">サンプル用の文字</div> |
結果 |
サンプル用の文字
|
例5 |
<div style="color:purple;">サンプル用の文字</div> |
結果 |
サンプル用の文字
|
解説 |
スタイルシートを使用すると、いろいろな色の指定の仕方があります。
基本的には6桁の英数字で指定する方法と、カラーネームで指定するのが多いです。
|