Propriété:
Usage:
background-position: center | top | bottom | top left | top center | top right | bottom left | bottom center | bottom right ;
background-position: 50% 50%;
background-position: 200 200;
Définition:
Cette balise définit la position de l'image de fond. La répétition doit être de type non-répétition de cette prise d'effet correctement.
Il prend les valeurs suivantes.
a)center | top center | ... : Ces valeurs définissent en termes où l'image doit être. Il peut être considéré comme une "top center" ou "en haut à gauche" ou "en haut à droite" ou de ce genre.
b)50% 50%: les valeurs peuvent être données en pourcentage de 50% à 60%. Cela signifie que l'image doit être placé à la position de 50% à partir de la gauche et 60% à partir du haut de la page.
c)200 200: Les valeurs peuvent être données en pixels.
Toutes ces valeurs seront prises à l'égard de l'objet zone.
Si vous définissez ces valeurs intérieur d'une balise div. La zone 50 moyens, 50 depuis le début de la balise div.
Exemple 1:
<div style="background-image: url('test3.jpg'); background-color: green; background-repeat: no-repeat; background-position: bottom center;"> description de la couleur
<br><br><br></div>
Résultat:
description de la couleur
Exemple 2:
<div style="background-image: url('test3.jpg'); background-color: green; background-repeat: no-repeat; background-position: 50% 50%;"> description de la couleur
<br><br><br></div>
Résultat:
description de la couleur
Exemple 3:
<div style="background-image: url('test3.jpg'); background-color: green; background-repeat: no-repeat; background-position: 50 50;"> description de la couleur
<br><br><br></body>
Résultat:
description de la couleur
| 
