Css-background-image

提供:Dev Guides
移動先:案内検索

CSS-背景画像

説明

background-imageは、要素の背景に配置される画像リソースへのポインターを定義します。

可能な値

  • uri -画像のURL。
  • none -background-imageをnoneに設定すると、一致する要素に背景画像を使用しないでください。
  • トランスペアレント

に適用されます

すべてのHTML要素。

DOM構文

object.style.backgroundImage = "Any value as defined above";

以下は、要素の背景画像を設定する方法を示す例です。

<html>
   <head>
      <style>
         body {
            background-image: url("/css/images/css.jpg");
            background-color: #cccccc;
         }
      </style>
   </head>

   <body>
      <h1>Hello World!</h1>
   </body>
<html>

それは次の結果を生成します-