Aller au contenu

Background (arrière-plan)

Cette liste de propriétés permet de définir la couleur ou l’image utilisée en arrière-plan d’une page ou d’un élément.


PropriétéDescription
backgroundPropriété raccourcie regroupant toutes les propriétés d’arrière-plan.
background-attachmentDéfinit si l’image de fond est fixe (fixed) ou défile avec le contenu (scroll).
background-colorDéfinit la couleur de l’arrière-plan.
background-imageDéfinit une ou plusieurs images d’arrière-plan.
background-positionDéfinit la position de l’image de fond (ex: center, top right).
background-position-xDéfinit uniquement la position horizontale de l’image de fond.
background-position-yDéfinit uniquement la position verticale de l’image de fond.
background-repeatDéfinit la répétition de l’image de fond (repeat, no-repeat, repeat-x, repeat-y).
background-sizeDéfinit la taille de l’image de fond (auto, cover, contain ou valeurs personnalisées).

Ces propriétés appartiennent à des versions anciennes de Netscape Navigator et ne doivent plus être utilisées.

PropriétéStatutExplication
layer-background-imageNetscape (obsolète)Définissait l’image d’arrière-plan et de la bordure dans Netscape Navigator 4.
layer-background-colorNetscape (obsolète)Définissait la couleur d’arrière-plan et de la bordure dans Netscape Navigator 4.

  • Utiliser uniquement les propriétés modernes (background-color, background-image, background-size, etc.).
  • Les propriétés background-position-x et background-position-y sont pratiques mais non strictement nécessaires : on peut tout gérer avec background-position.
  • Les anciennes propriétés liées à Netscape Navigator (layer-background-*) sont obsolètes.
  • On peut appliquer plusieurs images de fond en les séparant par des virgules dans background-image.