色・背景

「background-image」プロパティ

「background-image」プロパティは、要素に背景画像を指定するCSSプロパティです。
複数の背景画像を指定することができ、複数の値はカンマで区切ることで指定ができます。

「background-image」プロパティの値

要素に背景画像を指定する値は「url(表示する画像のURL)」を指定することができます。
背景に指定する画像ファイルの指定には、相対パスを用います。「background-repeat」や「background-position」プロパティを利用することで画像のリピートや画像の配置を指定することができます。
また、「background-image」プロパティと同時に設定が出来るプロパティの種類がいくつかあります。

【プロパティの種類】
・background-color
・background-image
・background-size
・background-repeat
・background-position
・background-attachment
・background-clip
・background-origin
CSSで文字や背景や枠線に色を指定する4つの指定方法

「background-image」プロパティの指定方法

要素に背景画像を指定する場合は、「background-image」プロパティを使い適応する値を指定することで実装できます。

「background-image」プロパティ
セレクタ{
background-image:url(表示する画像のURL);
}
値例
/* 基本値 */
background-image; url(表示する画像のURL);/* 背景画像 */
表示例
背景画像