Estilo backgroundImage Propiedad
Ejemplo
Establecer una imagen de fondo para un documento:
document.body.style.backgroundImage = "url('img_tree.png')";
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad backgroundImage establece o devuelve la imagen de fondo de un elemento.
Sugerencia: además de la imagen de fondo, también debe especificar un color de fondo. El color de fondo se utilizará si la imagen no está disponible.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devuelve la propiedad backgroundImage:
object.style.backgroundImage
Establezca la propiedad backgroundImage:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | ninguna |
---|---|
Valor devuelto: | Una cadena, que representa la imagen de fondo. |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Establezca una imagen de fondo de un elemento <div> específico:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Ejemplo
Devuelve la imagen de fondo de un elemento <div> específico:
alert(document.getElementById("myDiv").style.backgroundImage);
Ejemplo
Devuelve la imagen de fondo de un documento:
alert(document.body.style.backgroundImage);
páginas relacionadas
Tutorial CSS: Fondo CSS
Tutorial CSS3: Fondos CSS3
Referencia CSS: propiedad de imagen de fondo
Referencia HTML DOM: propiedad de fondo