Propiedad backgroundImage del estilo

Definición y uso

backgroundImage Establece o devuelve la imagen de fondo del elemento.

Consejo:Además de la imagen de fondo, también debe especificar el color de fondo. Si la imagen no está disponible, se utilizará el color de fondo.

Vea también:

Estilos HTML:Propiedad background

Tutoriales CSS3:Fondo CSS

Tutoriales CSS3:Fondo CSS3

Manual de referencia de CSS:Propiedad background-image

Ejemplo

Ejemplo 1

Establecer la imagen de fondo del documento:

document.body.style.backgroundImage = "url('img_tree.png')";

Intente usted mismo

Ejemplo 2

Establecer la imagen de fondo específica del elemento <div>:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Intente usted mismo

Ejemplo 3

Devolver la imagen de fondo específica del elemento <div>:

alert(document.getElementById("myDiv").style.backgroundImage);

Intente usted mismo

Ejemplo 4

Devolver la imagen de fondo del documento:

alert(document.body.style.backgroundImage);

Intente usted mismo

Sintaxis

Devolver la propiedad backgroundImage:

object.style.backgroundImage

Establecer la propiedad backgroundImage:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

Valor de propiedad

Valor Descripción
url('URL) Ubicación del archivo de imagen.
none No hay imagen de fondo. Predeterminado.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: none
Valor devuelto: Cadena que representa la imagen de fondo.
Versión de CSS: CSS1

Compatibilidad del navegador

backgroundImage es una característica de CSS1 (1996).

Todos los navegadores lo admiten completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soporte Soporte Soporte Soporte Soporte Soporte