CSS La propriété de fond : background-position

.......................

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
background-position
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
  • HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    fonction str_replace, str_replace

    Remplace toutes les occurrences dans une chaîne

    Balise title

    Définit un titre pour le document

    fonction convert_cyr_string, convert_cyr_string

    Convertit une chaîne d'un jeu de caractères cyrillique l'autre