background
CSSの書き方
background:background-colorの値 background-image値 background-positionの値 background-repeatの値 background-attachmentの値 ;
| CSSの詳細情報 | |||||
|---|---|---|---|---|---|
| プロパティ名 | background | 読み方 | バックグラウンド | ||
| 初期値 | 各プロパティの初期値 | 意味 | 背景の一括指定 | ||
| 値 | 各プロパティで設定できる値 | ||||
| 対象 | すべての要素 | ||||
| CSSレベル | CSSレベル1 | 対応ブラウザ | Windows | MAC | |
| 継承 | しない | IE 5.0以上/FF1.0/NS7.1/OP8.0 | SF/IE5.0 | ||
解説
背景に関する数々の設定は一括で1つのプロパティにまとめることができます。
「background」プロパティに背景画像に関する各プロパティの値を1つずつ値を記入します。
値同士は半角スペースで区切ります。
各プロパティの解説は以下を参照してください。
- background-colorプロパティ
- background-imageプロパティ
- background-positionプロパティ
- background-repeatプロパティ
- background-attachmentプロパティ
各プロパティの記述順序について
「background」プロパティに設定する各プロパティの値の書く順番は順不同です。
どのような順番で書いても構いません。
プロパティの省略について
「background」プロパティに設定できるプロパティの値は5つですが、これらの値の一部を省略することも可能です。
この場合、省略したプロパティに関する値は初期値が設定されたものと解釈されます。
CSS/HTMLサンプル
p{
width:350px;
height:120px;
background:url(../../img/bg_smp.gif) 20px center fixed repeat-x;
}
段落要素に背景画像を各種一括で設定 サンプル
