CSSのバックグラウンドプロパティ指定方式

バックグラウンドリピート(デフォルト)

指定がない場合、背景画像はデフォルトで繰り返されます。例: background-repeat: repeat;(デフォルト)

この要素にはデフォルトのバックグラウンドリピートが適用されています。

バックグラウンドリピート(繰り返しなし)

バックグラウンドリピートは、背景画像の繰り返し方法を指定するプロパティです。例: background-repeat: no-repeat;

この要素にはバックグラウンドリピートが適用されていません。

バックグラウンドポジション(中央揃え)

バックグラウンドポジションは、背景画像の表示位置を指定するプロパティです。例: background-position: center;

この要素にはバックグラウンドポジションが設定されています。

バックグラウンドポジション(右寄せ)

バックグラウンドポジションは、背景画像の表示位置を指定するプロパティです。例: background-position: right;

この要素にはバックグラウンドポジションが設定されています。

バックグラウンドサイズ

バックグラウンドサイズは、背景画像のサイズを指定するプロパティです。例: background-size: cover;

この要素にはバックグラウンドサイズが設定されています。

バックグラウンドのまとめ指定

バックグラウンドプロパティは、以下のようにまとめて指定することができます。
例: background: url('https://via.placeholder.com/150') no-repeat center / cover;

この指定方法では、背景画像、繰り返し設定、位置、サイズを一度に指定できます。

この要素にはバックグラウンドプロパティがまとめて指定されています。