Propriedade de imagem de fundo de estilo
Exemplo
Defina uma imagem de fundo para um documento:
document.body.style.backgroundImage = "url('img_tree.png')";
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade backgroundImage define ou retorna a imagem de fundo de um elemento.
Dica: Além da imagem de fundo, você também deve especificar uma cor de fundo. A cor de fundo será usada se a imagem não estiver disponível.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxe
Retorne a propriedade backgroundImage:
object.style.backgroundImage
Defina a propriedade backgroundImage:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Valores de propriedade
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 |
Detalhes técnicos
Valor padrão: | Nenhum |
---|---|
Valor de retorno: | Uma String, representando a imagem de fundo |
Versão CSS | CSS1 |
Mais exemplos
Exemplo
Defina uma imagem de fundo de um elemento <div> específico:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Exemplo
Retorne a imagem de fundo de um elemento <div> específico:
alert(document.getElementById("myDiv").style.backgroundImage);
Exemplo
Retorne a imagem de fundo de um documento:
alert(document.body.style.backgroundImage);
Páginas relacionadas
Tutorial de CSS: Fundo de CSS
Tutorial CSS3: Fundos CSS3
Referência CSS: propriedade de imagem de fundo
Referência HTML DOM: propriedade background