背景の反復(Background Repeat)

background-repeatとは、背景画像の並べ方を指定するためのプロパティです。

初期値はrepeatで、縦と横の両方向に繰り返してならべられます。

繰り返しの方向に横方向のみを指定する場合にはrepeat-x、縦方向のみを指定する場合はrepeat-y、繰り返させない(一つだけ表示)場合にはno-repeatを値に指定します。

Functional list
書式 background-repeat: <value:値>
repeat | repeat-x | repeat-y | no-repeat
初期値 repeat
適用要素 全ての要素
継承性 不可

background-repeatプロパティーは、特定されたbackground imageがどの様に繰り返されるか決めます。

repeat-x値は画像を水平方向に繰り返し、一方repeat-y値は画像を垂直方向に繰り返します。

例えば:

BODY { background: white url(candybar.gif);
background-repeat: repeat-x }

上の例で、画像は水平方向にだけ引き詰められています。

制作者は短縮型であるbackgroundプロパティーも使うかもしれませんし、これはbackground-repeatよりも現在ではよくサポートされています。

サンプル

戻る