NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : background-position

30 de Diciembre del 2020 por Josep Antoni Bover. 27 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad nos permite definir la posición inicial de la imagen de fondo.


Sintaxis

background-position: valores;
Palabras clave Para estos valores hay que definir 2 palabras clave, una para la posicion horizontal (left, right, center) y otra para la posición vertical (top, bottom, center). Si se omite una de las dos palabras, la otra se asignará automaticamente como center.
Porcentaje Para los porcentajes podemos definir 2 valores del 0% al 100%. Si omites el valor vertical, por defecto se asignará al 50%.
Píxeles Para los píxeles podemos definir 2 valores, uno para la distancia desde la izquierda, y otro para la distancia desde arriba. Si omites el valor vertical, por defecto se asignará al 50%.
inherit La posición inicial para la imagen de fondo se hereda del elemento padre.
Este valor no se soporta en IE7, y en IE8 requiere la declaración de un !DOCTYPE.

Es posible mezclar valores en porcentajes y en píxeles.

Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS1.

Soportado a partir de la versión 1
Soportado a partir de la versión 1
Soportado a partir de la versión 3.5
Soportado a partir de la versión 1
Soportado a partir de la versión 4

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados