値
repeat
初期値です。
背景画像を縦方向、横方向に繰り返し表示します。
CSS コード例
background-repeat: repeat;表示例
space
要素の領域をはみ出さない範囲で、背景画像を繰り返して表示します。
間隔も自動的に調整されます。
CSS コード例
background-repeat: space;表示例
round
背景画像を繰り返し表示します。
領域内に収まる範囲で、自動的に拡大・縮小して表示します。
CSS コード例
background-repeat: round;表示例
repeat-x
背景画像を横方向にのみ繰り返し表示します。
CSS コード例
background-repeat: repeat-x;表示例
repeat-y
背景画像を縦方向にのみ繰り返し表示します。
CSS コード例
background-repeat: repeat-y;表示例
no-repeat
背景画像の繰り返し表示を行わない設定です。
CSS コード例
background-repeat: no-repeat;表示例