Webelix.net :: CSS - La propriété Background-Position

Inscription
fleche

Mot de passe oublié ?

Les 6 dernières pages de Cours et Dossiers ajoutées

(15/05/2008) Trucs et Astuces - (HTML) Jukebox audio en flash
(10/05/2008) Downloads - Thème LiMsn pour PHPelix
(01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
(01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
(26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
(02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 142394 ]
Votre IP fleche

[ 38.103.63.17 ]

Vous êtes ici : Home Page

Cours

CSS

Propriete background-position

Imprimer

Informations Membres

	[195] Posts sur le forum
	[179] Membres inscrits

Il y a en ligne :

0 Membre

1 Invité

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

Partenaires

La propriété Background-Position

Cette propriété définit le positionnement d'un élément dans un bloc contenant.

background-position
Valeur	X X % % top ou center ou bottom left ou center ou right
Type	CSS 1
Compatibilité	5+ 7+ 4+ 9+
Valeur par défaut	0% 0% (top left)
Domaine d'application	Eléments contenants et à positionner
Héritage	non
Media	visuel

Valeur possible	Action	Exemple
X X	L'image se positionne par rapport à des valeurs fixes.	td {background-position: 45px 80px}
% %	L'image se positionne par rapport à des pourcentages.	div {background-position: 15% 15%}
top ou center ou bottom	L'image se positionne verticalement.	pre {background-position: top center}
left ou center ou right	L'image se positionne horizontalement.	p {background-position: top center}

Remarque : Ne pas mélanger des pourcentages avec des tailles fixes, ni des mot-clés avec des pourcentages, et vice-versa.
Exemples incorrects :

background-position: 15px 60%;

background-position: 50% center;

background-position: top 25px;

Exemples

L'élément se positionne par rapport à des valeurs fixes.

td {background-position: 0px 0px}

L'élément se positionne par rapport à des pourcentages.

td {background-position: 50% 50%}

L'élément se positionne par rapport à des mot-clés.

td {background-position: bottom right}