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