★color(文字の色)

戻る

color(文字の色)


解説
文字の色を指定する属性です。
HTMLのbodyエレメントのtextアトリビュートはスタイルシートで指定するように推奨されてます。また、fontエレメント、basefontエレメントも廃止予定です。文字色は、このcolor属性で指定出来ます。

<color>

初期値

ブラウザの固有値

%値の基準  

適用

すべてのエレメント

継承

する


対応状況
#RGB L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3   E4 E5 ME5 E55 E6
#RRGGBB L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3 E3 E4 E5 ME5 E55 E6
rgb( ) L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3   E4 E5 ME5 E55 E6
カラー名 L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3 E3 E4 E5 ME5 E55 E6
システムカラー   L2   N6 N7 O6 O7 ff1 NA1 GA1 MO1       E4 E5   E55 E6
N4ME5K3はシステムカラーで動作はしますが、まったく違った色として解釈されてしまいます。

使用例

ソース

表示&操作

スタイル部に、

.lime1{color:#0f0;}
.lime2{color:#00ff00;}
.lime3{color:rgb(0,255,0);}
.lime4{color:rgb(0%,100%,0%);}
.lime5{color:lime;}
.background{color:background;}

と記述し、

#1桁指定です。
#2桁指定です。
rgb数値指定です。
rgb割合指定です。
カラー名limeです。
デスクトップの背景色です。

と表示されます。

body部に、

<div class="lime1">#1桁指定です。</div>
<div class="lime2">#2桁指定です。</div>
<div class="lime3">rgb数値指定です。</div>
<div class="lime4">rgb割合指定です。</div>
<div class="lime5">カラー名limeです。</div>
<div><span class="background">デスクトップの背景色</span>です。</div>

と記述すると。


Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/color.html
E-mailpokochan@mx1.tees.ne.jp