tutoriais mais recente desenvolvimento web

×

JavaScript Referência

JavaScript

JS Corda JS Número JS operadores JS demonstrações JS Matemática JS Encontro JS ordem JS boolean JS RegExp JS Global JS Conversão

navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM elementos DOM Atributos DOM Eventos 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>

outros objetos

CSSStyleDeclaration

Style backgroundImage Property

<Estilo de objeto

Exemplo

Definir uma imagem de fundo para um documento:

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

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

Os backgroundImage conjuntos de propriedades ou retorna a imagem de fundo de um elemento.

Tip: Além do background-image você também deve especificar um background-color. A cor de fundo será utilizado se a imagem não está disponível.

Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.

Propriedade
backgroundImage	1.0	4.0	1.0	1.0	3,5

Sintaxe

Devolver o imóvel backgroundImage:

object .style.backgroundImage

Defina a propriedade backgroundImage:

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

Valor	Descrição
url( 'URL' )	A localização do arquivo de imagem
none	Nenhuma imagem de fundo. Este é o padrão
initial	Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit	Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão:	Nenhum
Valor de retorno:	A String, que representa a imagem de fundo
CSS Versão	CSS1

mais Exemplos

Exemplo

Definir uma imagem de um determinado fundo <div> elemento:

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

Tente você mesmo "

Exemplo

Retornar a imagem de um determinado fundo <div> elemento:

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

Tente você mesmo "

Exemplo

Retornar a imagem de um documento de fundo:

alert(document.body.style.backgroundImage);

Tente você mesmo "

Páginas relacionadas

CSS tutorial: Background CSS

Tutorial CSS3: CSS3 Fundos

Referência CSS: background-image property

Referência HTML DOM: background property

<Estilo de objeto