Propriedade Style backgroundColor

Definição e uso

backgroundColor Define ou retorna a cor de fundo do elemento.

Veja também:

Estilos HTML:Propriedade background

Tutorial CSS:Fundo CSS

Manual de referência CSS:Propriedade background-color

Exemplo

Exemplo 1

Defina a cor de fundo do documento:

document.body.style.backgroundColor = "red";

Experimente você mesmo

Exemplo 2

Defina a cor de fundo do elemento <div> específico:

document.getElementById("myDiv").style.backgroundColor = "lightblue";

Experimente você mesmo

Exemplo 3

Retorna a cor de fundo do elemento <div> específico:

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

Experimente você mesmo

Exemplo 4

Retorna a cor de fundo do documento:

alert(document.body.style.backgroundColor);

Experimente você mesmo

Sintaxe

Retorna a propriedade backgroundColor:

objeto.style.backgroundColor

Defina a propriedade backgroundColor:

objeto.style.backgroundColor = "color|transparent|initial|inherit"

Valor da propriedade

Valor Descrição
color

define a cor de fundo.

Veja Valores de cor CSSpara obter a lista completa de valores possíveis.
transparent Padrão. A cor de fundo é transparente (o conteúdo inferior aparecerá).
initial Defina essa propriedade como seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: transparent
Valor de retorno: String que representa a cor de fundo.
Versão do CSS: CSS1

Suporte do navegador

backgroundColor é uma característica do CSS1 (1996).

Todos os navegadores suportam completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporte Suporte Suporte Suporte Suporte Suporte