css:background-position

Un article de Polydoc.

Sommaire

[modifier] Description

Cette propriété définit, quand la propriété background-repeat est définie par no-repeat, la position du fond de page.

[modifier] Valeurs

  • x : la position par rapport à la droite de l'écran du fond.
  • y : la position par rapport au haut de l'écran du fond.

Ces valeurs sont nulles par défaut. On peut les éxprimer en pixel (px), ou à l'aide de constantes.

[modifier] En pixels 

body{
   background-position: 100px 50px;
   /*Le fond sera positionné de 100 pixels par rapport à la droite 
   et de 50 px par rapport au haut de l'écran */
}

[modifier] Avec des constantes

Cela permets d'adapter la position à la résolution de l'écran du visiteur. Les constantes sont :

  • left: à gauche;
  • right: à droite;
  • top: en haut;
  • bottom: en bas;
  • middle: au milieu de la page (horizontalement);
  • center: au milieu de la page (verticalement). 
body{
background-position: middle center; /* le fond sera au centre de la page */
}

[modifier] Voir aussi

[modifier] Liens internes

Récupérée de « http://www.polydoc.org/wiki/css:background-position »