Logo abaixo se encontram propriedades e valores para imagens de background e para cores. (Eu incluí aqui somente propriedades suportadas atualmente pelo Internet Explorer
e pelo Netscape -- outras propriedades serão acrescentadas na medida em que elas
passem a ser suportadas)
|
Propriedade
|
Descrição
|
Valores
|
Exemplo
|
Cor e Background
|


|
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 }
|