- サイト表紙
- しらぎくのウェブサイト作成入門
- CSSリファレンス
- 色・背景関連のプロパティ索引
- background-colorプロパティ
background-colorプロパティ。
CSSで、背景色を指定するbackground-colorプロパティに関する解説です。
background-colorプロパティ・目次。
background-colorプロパティとは。
background-colorプロパティは、背景色を指定するプロパティです。
background-colorプロパティの扱い。
- 継承の有無
- background-colorプロパティは、上位要素からは継承されません。
- 対象セレクタ
- 対象となるセレクタに制限はありません。
- 対象メディア
- 視覚系のメディア全てが対象となります。
- background-colorプロパティの扱い一覧はここまで
background-colorプロパティの書式。
background-colorプロパティの書式は、以下のようになります。
background-color: 値
値としては、以下のものが取れます。
inherit- 一番近い上位要素での色を継承します。
- transparent
- 透明となります。すなわち、上位要素などの背景をそのまま表示します(デフォルト)。
- 色の値
- 色の値を指定した場合、その色が適用されます。
- background-colorプロパティの値一覧はここまで
background-colorプロパティの記述例。
例えば、デフォルトの文字色を黒に、背景色を白にする場合は、
* {
background-color: #fff;
color: #000;
}
と記述します。
- background-colorプロパティの記述例はここまで
background-colorプロパティに関する注意事項。
background-colorプロパティの使用上の注意。
背景色を指定した場合、前景色(文字の色)も適切な色にしないと、可読性を損ねる事があります。
背景色を指定する場合は、必ずcolorプロパティで適切な前景色も指定しましょう。
background-colorプロパティの実装上の注意。
ネットスケープ 4.xでの注意事項。
ネットスケープ 4.xでは、以下の点に注意して下さい。
- 一部セレクタへの指定が無視されます。
- ネットスケープ 4.xが実装していない要素の他にも、background-colorプロパティをサポートしていない要素があります。
inherit値及びtransparent値は使えません。- ネットスケープ 4.xでは
inherit値及びtransparent値が使えません。
関連項目。
- color
- 前景色(文字の色)
- background-image
- 背景画像の指定
- background-repeat
- 背景画像の並べ方
- background-position
- 背景画像の位置
- background-attachment
- 背景画像を固定するか否かの指定
- background
- 背景の一括指定
- opacity
- 透過度 第三水準で勧告予定(現時点では非公式)
しらぎくのウェブサイト作成入門サイトマップ
