HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


背景に関する設定をまとめて指定する

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」プロパティに設定する各プロパティの値の書く順番は順不同です。どのような順番で書いても構いません。

プロパティの省略について

「background」プロパティに設定できるプロパティの値は5つですが、これらの値の一部を省略することも可能です。この場合、省略したプロパティに関する値は初期値が設定されたものと解釈されます。

CSS/HTMLサンプル

p{
 width:350px;
 height:120px;
 background:url(../../img/bg_smp.gif) 20px center fixed repeat-x;
}

段落要素に背景画像を各種一括で設定 サンプル