Ejemplo
Cambiar la posición de una imagen de fondo:
document.body.style.backgroundPosition = "top right"; Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
Los conjuntos de propiedades backgroundPosition o devuelve la posición de una imagen de fondo dentro de un elemento.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devolver la propiedad backgroundPosition:
object .style.backgroundPosition
Establecer la propiedad backgroundPosition:
object .style.backgroundPosition= value Valores de propiedad
| Valor | Descripción |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right | Si sólo se especifica una palabra clave, el otro valor será "center" . |
| x% y% | El valor de x indica la posición horizontal y el valor de Y indica la posición vertical. La esquina superior izquierda es 0% y 0%. La esquina inferior derecha es 100% 100%. Si sólo se especifica un valor, el otro valor será del 50%. |
| xpos ypos | El valor de x indica la posición horizontal y el valor de Y indica la posición vertical. La esquina superior izquierda es 0 0. Las unidades pueden ser píxeles (0px 0px) o cualquier otra unidad de CSS. Si sólo se especifica un valor, el otro valor será del 50%. Usted puede mezclar% y unidades |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | 0% 0% |
|---|---|
| Valor de retorno: | Una cadena, que representa la posición de una imagen de fondo |
| Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambiar la posición de la imagen de fondo en un <div> elemento a la parte inferior central:
document.getElementById("myDiv").style.backgroundPosition = "center bottom"; Inténtalo tú mismo " Ejemplo
Cambiar la posición de la imagen de fondo en un <div> elemento a 200 píxeles horizontal y vertical de 40 píxeles:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Inténtalo tú mismo " Ejemplo
Devuelve la posición de la imagen de fondo en un <div> elemento:
document.getElementById("myDiv").style.backgroundPosition;
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: Antecedentes CSS
Referencia CSS: background-image property
Referencia CSS: background-position property
Referencia HTML DOM: background property
<Estilo de objeto