“background-image”プロパティ:背景画像

概要

“background-image”プロパティは背景画像を指定するプロパティです。

“background-color”プロパティで指定された背景色がある場合は背景画像は背景色の手前に表示されます。

サンプルコード

値

複数の画像を背景に指定する

値を“,(コンマ)”で区切って並べて記述することで複数の画像を背景に指定することができます。最初に記述した背景が最前面、最後に記述した背景が最背面になるように、重ねて描画されます。

仕様書

定義されている仕様書

background-image

none
<image>

背景画像を指定する

div { background-image: url(background_sample.png);}


div { background-image: linear-gradient(rgb(66,174,147), rgb(28,20,15));}


複数の背景画像を指定する

div {

background-repeat: no-repeat, no-repeat;
background-image: url(background_sample.png),url(background_sample2.png);

}