[Página prévia] [Próxima página] [Seção página de conteúdo]

Propriedades e Valores de Background e de Cor

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)

Propriedades e Valores Normalmente Usados em Cascading Style Sheets

Legenda
IE3 Suportado pelo Internet Explorer 3.x
IE4 Suportado pelo Internet Explorer 4.x
N4 Suportado pelo Netscape 4.x
pt = pontos
in = polegadas
cm = centímetros
px = pixels
em = altura da fonte do elemento
(a unidade em ainda não é amplamente suportada e deve ser usada com cuidado)
  Propriedade Descrição Valores Exemplo
Cor e Background
IE3 IE4
N4
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 }
IE3 IE4
N4
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 }
IE3 IE4
N4
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 }
IE4
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) }
IE4
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 }
IE4
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 }
IE4
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 }

[Página prévia] [Próxima página] [Seção página de conteúdo]