Propriedade background-color CSS

Definição e uso

background-color A propriedade define a cor de fundo do elemento.

Escopo do fundo do elemento

background-color A propriedade define uma cor puro para o elemento. Esta cor preencherá o conteúdo, o espaçamento interno e a área da borda do elemento, estendendo até o limite externo da borda do elemento (mas não incluindo a margem externa). Se a borda tiver partes transparentes (como bordas tracejadas), a cor de fundo será exibida através dessas partes transparentes.

valor transparente

Embora, na maioria das vezes, seja desnecessário usar transparentNo entanto, se você não deseja que algum elemento tenha cor de fundo e, ao mesmo tempo, não deseja que as configurações de cor do usuário afetem seu design, configure transparent Os valores são necessários.

Veja também:

Tutorial de CSS:Fundo CSS

Manual de referência do HTML DOM:Atributo backgroundColor

Exemplo

Defina cores de fundo para diferentes elementos:

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

Experimente você mesmo

Sintaxe do CSS

background-color: cor|transparent|initial|inherit;

Valor do atributo

Valor Descrição
color_name Define a cor de fundo com nome de cor (por exemplo, red).
hex_number Define a cor de fundo com valor hexadecimal (por exemplo, #ff0000).
rgb_number Define a cor de fundo com código rgb (por exemplo, rgb(255,0,0)).
transparent Padrão. A cor de fundo é transparente.
inherit Define que a propriedade background-color deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: transparent
Herança: no
Versão: CSS1
Sintaxe do JavaScript: object.style.backgroundColor="#00FF00"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5