| Apresentação | GuestBook | Links | Contato |
| Introdução | |
 | Sobre |
| Vantagens |
| Limitações |
| Implementando |
| Precêdencia |
| Trabalhando com CSS | |
| Unidades de Medida |
| Herança |
| Especificando um estilo |
| Propriedades e Valores | |
| Fontes |
| Textos |
| Background e Cores |
| Caixas |
| Listas |
| Posicionamento |
| Impressão |
| Filtros |
| Amostras de Filtros |
| Outras Propriedades |
| Contribuições dos Usuários | |
| Dicas e exemplos |
| Novidades |
| Fórum de discussão |
 |
Propriedades e Valores de Estilos para Background e Cores |  |
Provavelmente surgirão novas propriedades e valores a medida em que forem desenvolvidos novos browsers cada vez mais poderosos e competitivos, e tentarei deixar o site sempre atualizado.
Você tambem pode contribuir para o crescimento e aprimoramento do site, enviando novidades, e dicas e exemplos sobre propriedades e valoes que ainda não constam em nosso site.
| Suporte | Propriedade | Descrição | Valores | Exemplo | ||||
|
cor (herdado) | Ajusta a cor do texto | nome da cor Trio RGB Código hex Valores RGB |
{ color: blue } { color: #00F } { color: #0000FF } { color: RGB 0.0 0.0 1.0 } |
||||
|
background (não herdado) (no IE3.x, as imagens de background são suportadas somente em styles sheets inseridos) | Ajusta as imagens de background ou cores | url(URL) (com ou sem repeat); nome da cor (ou transparent, ou dois nomes de cores, que serão misturadas, separados por um /); trio RGB (código hex) |
{ background: url(image1.gif) repeat } { background: Red } { background: Red / Blue } { background: transparent } { background: #CCCCCC } |
||||
|
background-color (não herdado) (no IE3.x, as imagens de background são suportadas somente em styles sheets inseridos) | Ajusta a cor do background | nome da cor; trio RGB (código hex) |
{ background-color: Red } { background-color: #CCCCCC } |
||||
|
background-image (não herdado) (no IE3.x, as imagens de background são suportadas somente em styles sheets inseridos) | Ajusta a imagem de background | URL | { background-image: url(image1.gif) } | ||||
|
background-repeat (não herdado) (no IE3.x, as imagens de background são suportadas somente em styles sheets inseridos) | Ajusta a repetição do entelhamento das imagens de background | repeat (horizontalmente e verticalmente); repeat-x (horizontal); repeat-y (vertical); no-repeat |
{ background-repeat: repeat-y } | ||||
|
background-attachment (não herdado) (no IE3.x, as imagens de background são suportadas somente em styles sheets inseridos) | Fixa a imagem de background ou permite que ela deslize junto com a página | scroll ou fixed | { background: fixed } | ||||
|
background-position (não herdado) (no IE3.x, as imagens de background são suportadas somente em styles sheets inseridos) | Ajusta a posição inicial das imagens de background (Observe que a posição default, 0,0 ou 0%,0%, é o canto superior esquerdo do elemento) | Posição (x y) ou (x% y%); top, center, bottom left, center, right |
{ background-position: 2cm 1cm } { background-position: 50% 20% } { background-position: top center } { background-position: top } { background-position: bottom right } |
