Spécifie la façon d'espace blanc dans un élément est traité
La propriété CSS:background-position
Les propriétés CSS Par défaut, l'image d'arrière-plan se positionnera dans le coin supérieur gauche de l'écran. La propriété background-position permet de changer cette position prédéfinie et de placer l'image d'arrière-plan n'importe où à l'écran.
Définition et utilisation:La propriété background-position
La propriété de fond-position place la position de départ d'un fond d'image.
Note :
Pour que ceci fonctionne dans Firefox et opéra, la propriété de fond-attachement doit être placée à " fixe ".
Code css ; Sélectionner le code
body
{
background-image:url('image.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
La valeur par défaut:0%
Héritée:no
Version: CSS1
la syntaxe JavaScript: object.style.backgroundPosition="center"
Valeurs de la propriété :
| Valeur | Description |
|---|---|
|
left top left center left bottom right top right center right bottom center top center center center bottom |
il faut indiquer le couple de mots si non le deuxième mot sera center
|
| x% y% | La première valeur est la position horizontale et la deuxième valeur est la verticale. Le coin gauche supérieur est 0% 0%. Le coin inférieur de droite est 100% 100%. Si vous spécifiez seulement une valeur, l'autre valeur sera 50%. La valeur par défaut est : 0% 0% |
| xpos ypos | La première valeur est la position horizontale et la deuxième valeur est la verticale. Le coin gauche supérieur est 0 0. Les unités peuvent être les Pixel (0px 0px) ou toutes les autres unités de CSS. Si vous spécifiez seulement une valeur, l'autre valeur sera 50%. Vous pouvez mélanger % et positions |
| inherit | Indique que le paramètre de la propriété de fond doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur |
Par carabde 10 mars 2014