CSS - arrière-plan

La description

background est un élément de raccourci utilisé pour définir les styles d'arrière-plan d'un élément.

Valeurs possibles

background est une propriété abrégée et représente ce qui suit. Cette valeur variera en fonction de la propriété réelle.

  • background-color - Définit une couleur unie pour l'arrière-plan, le remplissage et l'arrière-plan de la bordure de l'élément.

  • background-image - Définit l'emplacement d'une image à placer dans l'arrière-plan de l'élément.

  • background-repeat - Définit une direction de répétition pour une image dans l'arrière-plan de l'élément.

  • background-attachment - Définit un état de pièce jointe pour toutes les images dans l'arrière-plan de l'élément.

  • background-position - Définit une position pour l'image d'origine dans l'arrière-plan de l'élément.

  • background-clip - Spécifie la zone de peinture des images d'arrière-plan

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.background = "Value according to the used property";

Exemple

<html>
   <head>
   </head>

   <body>
      <p style = "background:url(/images/logo.png) repeat fixed;">
         This paragraph has fixed repeated background image. 
         This paragraph has fixed repeated background image. 
         This paragraph has fixed repeated background image. 
         This paragraph has fixed repeated background image.
      </p>
   </body>
</html>

Il produira le résultat suivant -