background

Introdução

A propriedade background é usada para ajustar os valores do fundo em um único lugar na folha de estilos. background pode ser usada com os seguintes valores adicionais: background-attachment, background-color, background-image, background-position, background-repeat.

  • Valor inicial: veja as propriedades individuais para detalhes;
  • Aplica-se a: todos os elementos;
  • Herdado: não;
  • Porcentagens: reservado para background-position;
  • Mídia: Visual;
  • Valor computado: veja as propriedades individuais para detalhes.

Sintaxe

background: [background-color || background-image ||
    background-repeat || background-attachment ||
    background-position] | inherit]

Valores

background-color
Veja background-color.
background-image 
Veja background-image.
background-repeat 
Veja background-repeat.
background-attachment 
Veja background-attachment.
background-position 
Veja background-position.

Exemplos

Veja alguns exemplos.

body { 
    background: red;
}

.topbanner {
    background: url("topbanner.png") #00D repeat fixed;
}

Notas

Sendo uma declaração válida, a propriedade background ajusta primeiramente o background (fundo) individual para seus valores iniciais, e depois, atribui então os valores especificados na declaração. Você não precisa definir um valor para cada uma das propriedades, apenas para aquelas que você deseja alterar os valores padrões.

Especificações

Compatibilidade com navegadores

Navegador Versão mais antiga
Internet Explorer 4
Firefox 1
Netscape 6
Opera 3.5

Veja também

background, background-attachment, background-color, background-image, background-position, background-repeat


Categorias

Interwiki Language Links

Etiquetas do documento e colaboradores

Etiquetas: 
Contributors to this page: teoli, Verruckt, Luis Henrique Sousa
Última atualização por: teoli,