Style background Property

<Estilo de objeto

Exemplo

O estilo do fundo de um documento:

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

Os conjuntos fundo de propriedade ou retornos de até oito propriedades do fundo separadas, em uma forma abreviada.

Com esta propriedade, você pode definir / retornar um ou mais dos seguintes (em qualquer ordem):

cor de fundo
imagem de fundo
fundo de repetição
background-attachment
-fundo posição
background-size
background-origem
background-clipe

As propriedades acima também pode ser definida com propriedades do tipo separado. O uso de propriedades separadas é altamente recomendado para autores não-avançadas para melhor controlabilidade.

Suporte navegador

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

Propriedade
background	1.0	4.0	1.0	1.0	3,5

Nota: Consulte o suporte ao navegador individual para cada valor abaixo.

Sintaxe

Devolver a propriedade background:

object .style.background

Defina a propriedade background:

object .style.background=" Valores de propriedade

Valor	Descrição
color	Define a cor de fundo de um elemento
image	Define a imagem de fundo para um elemento
repeat	Define como uma imagem de fundo será repetida
attachment	Define se uma imagem de fundo é fixa ou rola com a página
position	Define a posição inicial de uma imagem de fundo
size	Define o tamanho de uma imagem de fundo
origin	Define área de posicionamento do fundo
clip	Define a área da pintura de uma imagem de fundo
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:	transparente nenhum repetição rolo de 0% border-box auto padding-caixa 0%
Valor de retorno:	Uma corda, que representa o fundo de um elemento
CSS Versão	novas CSS1 + propriedades em CSS3