Esta tradução não está completa. Por favor ajude a traduzir este artigo a partir do Inglês.
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
HTML
<p class="topbanner"> Starry sky<br/> Twinkle twinkle<br/> Starry sky </p> <p class="warning">Here is a paragraph<p>
CSS
.warning {
background: red;
}
.topbanner {
background: url("https://mdn.mozillademos.org/files/11983/starsolid.gif") #00D repeat-y fixed;
}
Result
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