CSSリファレンス

background-imageの意味と使い方

「background-image」は要素の背景画像を指定します。
このプロパティで指定した背景画像は、ボックスの内容領域、パッディング領域、ボーダー領域に適用されます。
マージン領域は常に透明となり、親要素のボックスの背景が透けて見えることになります。

値の指定方法

URL

表示する画像のURLを指定します。CSS3では複数の画像をカンマで区切って指定できます。


none

画像を表示しません。


関連プロパティ

  • background-repeat:背景画像のリピートの仕方を指定する
  • background-attachment:背景画像の固定・移動を指定する
  • background-position:背景画像の表示開始位置を指定する
  • background-clip:背景を表示する範囲を指定する
  • background-origin:背景画像の基準の位置を指定する
  • background-size:背景画像のサイズを指定する