Atributo background CSS

Definição e uso

background Propriedades abreviadas configuram todas as propriedades de fundo em uma declaração.

Pode configurar as seguintes propriedades:

Se nenhuma das valeurs for configurada, não haverá problema, por exemplo, background:#ff0000 url('smiley.gif'); também é permitido.

Geralmente é recomendado usar essa propriedade em vez de usar propriedades individuais, pois essa propriedade é melhor suportada em navegadores mais antigos e requer menos letras para ser digitada.

Veja também:

Tutorial CSS:Fundo CSS、Background CSS (avançado)

Manual de referência do HTML DOM:Propriedade background

Exemplo

Como definir todas as propriedades de fundo em uma declaração:

body
  { 
  background: #00FF00 url(bgimage.gif) não repetir fixo topo;
  }

Experimente você mesmo

Sintaxe CSS

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Valor do atributo

Valor Descrição CSS
background-color Especifica a cor de fundo a ser usada. 1
background-position Especifica a posição da imagem de fundo. 1
background-size Especifica o tamanho da imagem de fundo. 3
background-repeat Especifica como a imagem de fundo deve ser repetida. 1
background-origin Especifica a área de posicionamento da imagem de fundo. 3
background-clip Especifica a área de desenho do fundo. 3
background-attachment Especifica se a imagem de fundo deve ser fixa ou rolar com o resto da página. 1
background-image Especifica a imagem de fundo a ser usada. 1
inherit Especifica que a configuração da propriedade background deve ser herdada do elemento pai. 1

Detalhes técnicos

Valor padrão: não especificado
Herança: não
Versão: CSS1 + CSS3
Sintaxe JavaScript: object.style.background="branco url(paper.gif) repetir-y"

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 Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5