Apuntes Web
ApuntesWeb.net > Manuales >Manual CSS

Propiedades de Fondo

Posición imágen fondo

Si se ha especificado una imágen de fondo, se puede controlar la posición de la imágen con la propiedad css background-position.

Posición (arriba centro) de imágen como fondo

Se puede utilizar cualquiera de estas opciones para ubicar la imágen de fondo con Posición (arriba centro):
body{background-image:url(fig.jpg);background-position:top;}
body{background-image:url(fig.jpg);background-position:top center;}
body{background-image:url(fig.jpg);background-position:center top;}
body{background-image:url(fig.jpg);background-position:50% 0%;}

Valores de Posicionamiento de imágen como fondo

top left

left top

0% 0%

Posición (arriba izquierda)

top

top center

center top

50% 0%

Posición (arriba centro)

right top

top right

100% 0%

Posición (arriba derecha)

left

left center

center left

0% 50%

Posición (izquierda centro)

center

center center

50% 50%

Posición (centro)

right

right center

center right

100% 50%

Posición (derecha centro)

bottom left

left bottom

0% 100%

Posición (abajo derecha)

bottom

bottom center

center bottom

50% 100%

Posición (abajo centro)

bottom right

right bottom

100% 100%

Posición (abajo derecha)

MANUAL CSS

CSS, HTML, XHTML, Recursos y mucho más, Prohibida su reproducción total o parcial.
© 2009 - 2012 ApuntesWeb.net