最終更新日:
公開日:
リファレンス
CSS
バックグラウンド リピート
background-repeatプロパティ
背景画像の繰り返し表示について指定します。
-
初期値
repeat
-
継承
不可
-
適用できる要素
全要素
値
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;