CSS - image de fond

La description

background-image définit un pointeur vers une ressource image qui doit être placée en arrière-plan d'un élément.

Valeurs possibles

  • uri - URL de l'image.

  • none - La définition de background-image sur none signifie qu'aucune image d'arrière-plan ne doit être utilisée pour les éléments correspondants.

  • transparent

S'applique à

Tous les éléments HTML.

Syntaxe DOM

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

Exemple

Voici l'exemple qui montre comment définir l'image d'arrière-plan d'un élément.

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

Il produira le résultat suivant -