background-position

<< background-repeat background-attachment >>

Indica la posición vertical y horizontal donde se debe situar la imagen dentro del elemento. Sus valores se pueden definir como:

  • posX posY: Posición que ocupan en el eje vertical (y) y el horizontal (x) del elemento.
  • posX puede tomar los valores left (izquierda), center (centrado), right (derecha), y % (siendo 0% el extremo derecho, y 100% el extremo izquierdo), coordX (un número de 0 hasta el ancho en píxeles del elemento).
  • posY puede tomar los valores top (arriba), center (centrado), bottom (abajo), y % (siendo 0% la parte más alta, y 100% la más baja del elemento), coordY (un número de 0 hasta el alto en píxeles del elemento).
body {
  background-image: url('peter.gif');
  background-repeat: no-repeat;
  background-position: center top;
}

<< background-repeat background-attachment >>