(01) 小さめの画像を背景に用いると、縦横にその画像が繰り返されます。縦だけ、あるいは横だけで繰り返したい場合は「background-repeat」プロパティを用います。縦だけで繰り返すには値を「repeat-y」にします。以下のようにCSSのbodyセレクタ内を更新してください。更新後はブラウジングします。
body{
background-color:#FFFFCC;
background-image:url(grd02.gif);
background-repeat:repeat-y;
}
(02) 「background-repeat」プロパティには以下の値が利用できます。
| 値 | 意味 |
|---|---|
| repeat | 縦横ともに繰り返す |
| repeat-x | 横だけで繰り返す |
| repeat-y | 縦だけで繰り返す |
| no-repeat | 繰り返さないでひとつのみ表示 |