Propriedade de cor de fundo de estilo
Exemplo
Defina uma cor de fundo para um documento:
document.body.style.backgroundColor = "red";
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade backgroundColor define ou retorna a cor de fundo de um elemento.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
backgroundColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxe
Retorne a propriedade backgroundColor:
object.style.backgroundColor
Defina a propriedade backgroundColor:
object.style.backgroundColor = "color|transparent|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
color | Specifies the background color. Look at CSS Color Values for a complete list of possible color values |
transparent | Default. The background color is transparent (underlying content will shine through) |
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: | transparente |
---|---|
Valor de retorno: | Uma String, representando a cor de fundo |
Versão CSS | CSS1 |
Mais exemplos
Exemplo
Defina uma cor de fundo de um elemento <div> específico:
document.getElementById("myDiv").style.backgroundColor = "lightblue";
Exemplo
Retorna a cor de fundo de um elemento <div> específico:
alert(document.getElementById("myDiv").style.backgroundColor);
Exemplo
Retornar a cor de fundo de um documento:
alert(document.body.style.backgroundColor);
Páginas relacionadas
Tutorial de CSS: Fundo de CSS
Referência CSS: propriedade background-color
Referência HTML DOM: propriedade background