HTML & CSS

最終更新日:
公開日:

リファレンス

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;

表示例:

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。