Informática Numaboa - Tutoriais e Programação
Pequeno laboratório de CSS II
Seg 17 Abr 2006 23:21 |
- Detalhes
- Categoria: CSS - Cascanding Style Sheet
- Atualização: Domingo, 12 Abril 2009 12:47
- Autor: vovó Vicki
- Acessos: 11161
Propriedades de Fundo
As propriedades de fundo permitem controlar a cor de fundo de um elemento, possibilitam inserir e posicionar imagens de fundo, além de repetir a imagem de fundo horizontal e verticalmente.
Veremos como se comportam as propriedades de fundo. Clique várias vezes nos links da tabela para ver como as propriedades são entendidas pelo navegador e colocadas na Área de Teste.
Na tabelas abaixo, a coluna IE indica a versão do Internet Explorer, a F do Firefox e a N do Netscape. A coluna W3C indica a versão da recomendação (CSS1 ou CSS2).
Área de Teste |
Propriedade | Descrição | Valores | IE | F | N | W3C |
background | Pode-se colocar todas as propriedades com apenas uma declaração. | background-color background-image background-repeat background-attachment background-position |
4 | 1 | 6 | 1 |
background-attachment | Indica se a imagem de fundo deve ser fixa ou rolar com a página. | scroll fixed | 4 | 1 | 6 | 1 |
background-color | A cor de fundo de um elemento. | color-rgb color-hex color-name transparent |
4 | 1 | 4 | 1 |
background-image | Coloca uma imagem no fundo. | url none |
4 | 1 | 4 | 1 |
background-position | Indica a posição inicial de uma imagem de fundo. | top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos |
4 | 1 | 6 | 1 |
background-repeat | Determina se/como uma imagem de fundo será repetida. | repeat repeat-x repeat-y no-repeat |
4 | 1 | 4 | 1 |