background-color（背景色）

解説

背景の色を指定する属性です。
HTMLのbodyエレメントのbgcolorアトリビュートはスタイルシートで指定するように推奨されてます。このbackground-color属性で指定出来ます。

値	<color> transparent：透過色
初期値	transparent
%値の基準
適用	すべてのエレメント
継承	しない

対応状況

#RGB

#RRGGBB

rgb( )

カラー名

システムカラー

transparent

はシステムカラーで動作はしますが、まったく違った色として解釈されてしまいます。

使用例

ソース

表示＆操作

スタイル部に、

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

と記述し、

#１桁指定です。

#２桁指定です。

rgb数値指定です。

rgb割合指定です。

カラー名limeです。

デスクトップの背景色です。

透過色です。

と表示されます。

body部に、

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

と記述すると。

pokochan@mx1.tees.ne.jp