Je vais vous donner ici le plus de propriétés CSS que vous pourrez ensuite appliqué pour vos pages au sujet des images de fonds (backgrounds). N'hésitez pas à me demander d'en ajouter si j'en ai oublié.
Image de fond
Code :
- Code: Tout sélectionner
background-image: url("images/background.png");
On peut l'écrire aussi en notation absolue :
background-image: url("http://www.monsite.com/images/background.png");
Fond fixé
Code :
- Code: Tout sélectionner
background-attachment: fixed;
Voici la liste des paramètres possibles :
fixed : le fond reste fixe quand on descend plus bas sur la page
scroll : le fond défile avec le texte (défaut)
Répétition du fond
Code :
- Code: Tout sélectionner
background-repeat: repeat;
Voici la liste des paramètres possibles :
repeat : le fond se répète (par défaut)
repeat-x : le fond ne se répète qu'horizontalement
repeat-y : le fond ne se répète que verticalement
no-repeat : le fond ne se répète pas
Position du fond
Code :
- Code: Tout sélectionner
background-position: top left;
Voici la liste des paramètres possibles :
top : en haut
center : au milieu
bottom : en bas
left : à gauche
center : au centre
right : à droite
Propriété général de fond
Code :
- Code: Tout sélectionner
background:url("images/fond.png") no-repeat fixed top right;
On regroupe toutes les information en une seule ligne. L'ordre de disposition des valeurs n'a aucune importance.
A bientôt les pinguins
