背景の反復(Background Repeat)
background-repeatとは、背景画像の並べ方を指定するためのプロパティです。
初期値はrepeatで、縦と横の両方向に繰り返してならべられます。
繰り返しの方向に横方向のみを指定する場合にはrepeat-x、縦方向のみを指定する場合はrepeat-y、繰り返させない(一つだけ表示)場合にはno-repeatを値に指定します。
| 書式 | 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-repeat: repeat-x }
上の例で、画像は水平方向にだけ引き詰められています。
制作者は短縮型であるbackgroundプロパティーも使うかもしれませんし、これはbackground-repeatよりも現在ではよくサポートされています。