このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

background-color”プロパティ:背景色

記事Oct. 14th,2020
背景色を指定するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 background-color: transparent;
適用対象 すべての要素
継承 No
パーセント値 パーセント値は指定できません
計算値 算出された色
アニメーション 計算値

background-color”プロパティは背景色を指定するプロパティです。

background-image”プロパティで指定された背景画像がある場合は背景色は背景画像の後ろに描画されます。

background-color”プロパティや前景色(文字色)を指定するcolor”プロパティの初期値はシステムカラーであり、カラー・スキームの設定によって色が変わります。一方だけを具体的な色で指定するとカラー・スキームの設定によっては文字が読みづらくなることがあります。

サンプルコード

div { background-color: rgb(204,153,204);}

説明
<background-color>”値
transparent 背景は透明
<color> rgb()”関数16進数カラーコードカラーネームなどで背景色を指定
他の値
共通キーワード

仕様書

定義されている仕様書
Level 1 Level 2 Level 3
勧告(REC) 勧告(REC) 勧告候補(CR)
background-color
定義あり

定義あり

定義あり

使用例

背景色を指定する

div { background-color: rgb(204,153,204);}
background-color: rgb(204,153,204);
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク