CSSリファレンス

background-repeatの意味と使い方

「background-repeat」は背景画像を指定した場合の、画像の繰り返し方法を指定します。

値の指定方法

repeat

横方向および縦の両方向に繰り返して表示します。CSS3では横または縦の方向に繰り返して表示します。


repeat-x

横方向のみに繰り返して表示します。


repeat-y

縦方向のみに繰り返して表示します。


space

背景の領域に合わせ、画像を繰り返して表示します。領域にぴったり治らない場合は、画像の間に余ったスペースを分配して表示します。


round

背景の領域に合わせ、画像を繰り返して表示します。領域にぴったり収まらない場合には画像のサイズを調整して表示します。


no-repeat

繰り返さずに、1つだけ表示します。


関連プロパティ

  • background-image:背景画像を指定する