「background」プロパティで背景色や背景画像 、背景画像の並べ方や位置などを指定 できます。
プロパティ | 説明 | 値 |
---|---|---|
background-color | 要素内のテキストやドキュメント全体の背景色を指定します。 | 色の指定 (color 属性) |
background-image | テキストやドキュメント全体の背景画像を指定します。 | url(画像のURL) |
background-repeat | 背景画像の並べ方を指定します。 | repeat-x, repeat-y, no-repeat |
background-attachment | 背景画像をページのその他の内容とともにスクロールさせる(通常の状態)か、常に固定された位置に表示するかを指定します。 | scroll ,fixed |
background-image | 背景画像の表示位置を指定します。 | 「横位置」「縦位置」 |
上の表のプロパティの値をスペースで区切って指定します。必要のないものは省略することができます。
BODY { background: #ff0000 url(bkg.gif) }下の例では、「body」タグに、縦横に画像 bkg.gif を並べて背景を埋めつくすように して、スクロールしても固定された位置に表示するようにします 。
BODY { background: url(bkg.gif) blue repeat fixed }下の例では、「P」タグで指定されたブロック範囲で、中央にだけ1つの背景画像 bkg.gif を表示します。 。
P { background: url(bkg.gif) blue 50% no-repeat fixed }