最終更新日：
公開日：
リファレンス
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;表示例：
こちらの記事は役に立ちましたか？
コメントありがとうございます！
運営の参考にさせていただきます。
ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。