documentation css background

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » background

Table des matières

background

Version CSS : 1

  • S’applique à : Tous les éléments.
  • Valeur héritée : non
  • Valeur par défaut : none

Compatibilité

Navigateur IE 6 IE 7 Firefox 1.5 Firefox 2 Opera 8.5 Opera 9 Konqueror 3.5 Safari 2
background Partiel Partiel Oui Oui Partiel Partiel Oui Oui
background-color 83% 83% Oui Oui 82% 82% ≈100% ≈100%
background-image 67% 67% Oui Oui 83% 83% Oui Oui
background-repeat 90% 90% Oui Oui 90% 90% 60% 60%
background-attachment 50% 67% Oui Oui 83% 83% Oui Oui
background-position 50% 50% Oui Oui 94% 94% 94% 94%
inherit Non Non Oui Oui Oui Oui Non Oui

Explications

Cette propriété regroupe les différentes propriétés css permettant de définir un arrière plan :

  1. background-attachment
  2. background-color
  3. background-image
  4. background-position
  5. background-repeat

Les valeurs de ces différentes propriétés sont regroupées et peuvent être énoncées à la suite, peu importe l’ordre, mais séparées par des espaces. Aucune valeur n’est oligatoire et on peut ainsi ne définir que deux propriétés.

Se référer à ces différentes propriétés pour voir les valeurs existantes.

Exemple de script 

.arriereplan1 {
  background : url(fond.gif) no-repeat 50% 50% ;
}
 
.arriereplan2 {
  background : repeat-y right url(fond.gif) ;
}
 
.arriereplan3 {
  background: url(fond.png) repeat-x green ;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod