Los últimos tutoriales de desarrollo web

×

JavaScript Referencia

Visión de conjunto

JavaScript

JS cadena JS Número JS operadores JS declaraciones JS Mates JS Fecha JS Formación JS Boole JS RegExp JS situación general JS Conversión

Navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementos DOM atributos DOM evento DOM Estilo

HTML Objetos

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

otros objetos

CSSStyleDeclaration

Style backgroundImage Property

<Estilo de objeto

Ejemplo

Establecer una imagen de fondo para un documento:

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

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

Los conjuntos de propiedades BackgroundImage o devuelve la imagen de fondo de un elemento.

Tip: Además de la imagen de fondo también se debe especificar un color de fondo. El color de fondo se utilizará si la imagen no está disponible.

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
backgroundImage	1.0	4.0	1.0	1.0	3.5

Sintaxis

Devolver la propiedad BackgroundImage:

object .style.backgroundImage

Establecer la propiedad BackgroundImage:

object .style.backgroundImage="url(' Valores de propiedad

Valor	Descripción
url( 'URL' )	La ubicación del archivo de imagen
none	No hay imagen de fondo. Esto es por defecto
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:	ninguna
Valor de retorno:	Una cadena, que representa la imagen de fondo
Versión CSS	CSS1

Más ejemplos

Ejemplo

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

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

Inténtalo tú mismo "

Ejemplo

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

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

Inténtalo tú mismo "

Ejemplo

Devolver la imagen de fondo de un documento:

alert(document.body.style.backgroundImage);

Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Antecedentes CSS

CSS3 tutorial: Fondos de CSS3

Referencia CSS: background-image property

Referencia HTML DOM: background property

<Estilo de objeto