目次を飛ばして本文へ パン屑リストへ
関連プロパティ

background-repeat

対応状況
N7.0
Win
N6.0
Win
e6.0
Win
e5.5
Win
e5.0
Win
e5.0
Mac
e4.5
Mac
O7.0
Win
O6.0
Win
repeat | repeat-x | repeat-y | no-repeat | inherit
初期値 repeat
適用 すべての要素
継承 しない
レベル -
メディア visual

要素の背景画像をタイル状に敷き詰めるか否か、そして敷き詰めるならどのように敷き詰めるのか、を指定します。

順序としては、背景色の上に背景画像、その上に内容となります。ですので、透過になっている部分からは背景色が見えます。

'background-attachment'を用いて画像をウィンドウに対して固定するか否かを、'background-position'を用いて画像の初期位置を指定出来ます。'background'を用いてこれらを一括指定する事も可能です。

基本的に背景はボーダー領域までですが、body要素、html要素といったルート要素に指定すると、例外的に背景は全域(マージン含む)に表示されます。また、結合ボーダーモデルの場合は、セルの背景はパディング領域までとなります。

キーワード解説
repeat
水平及び垂直の両方向に画像を繰り返します。
repeat-x
水平方向にのみ画像を繰り返します。
repeat-y
垂直方向にのみ画像を繰り返します。
no-repeat
画像を繰り返さず単独で描画します。

※以上の例は、分かりやすくする為に "background-image: url(ファイル名)"という宣言を併用しています。


page top
最終更新日:2018年07月18日
Copyright © 2002-2018 ばあど All Rights Reserved.