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 Caixas 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  3.x  4.x margin-left (não herdado) Ajusta a distância a partir do lado esquerdo da página tamanho (pt, in, cm, px) { margin-left: 1in }  3.x  4.x margin-right (não herdado) Ajusta a distância a partir do lado direito da página tamanho (pt, in, cm, px) { margin-right: 1in }  3.x  4.x margin-top (não herdado) Ajusta a distância a partir da parte de baixo do elemento prévio tamanho (pt, in, cm, px) { margin-top: -20pt }  3.x  4.x margin-bottom (não herdado) Ajusta a distância a partir da parte de cima do próximo elemento tamanho (pt, in, cm, px) { margin-bottom: 20pt }  3.x  4.x margin (não herdado) Ajustas as margens em todos os quatro lados de um elemento (Se houver somente um valor, ele se aplica a todos os lados; se houver dois ou três, o valor que falta será tomado do lado oposto.) tamanho (pt, in, cm, px) ou porcentagem do tamanho da fonte na ordem: alto, direita, baixo, esquerda { margin: .5cm .5cm 1cm .5cm }  4.x  4.x padding (não herdado) Ajusta o preenchimento em todos os quatro lados do conteúdo de um elemento (Se houver somente um valor, ele se aplica a todos os lados; se houver dois ou três, o valor que falta será tomado do lado oposto.) tamanho (pt, in, cm, px) ou porcentagem do tamanho da fonte na ordem: alto, direita, baixo, esquerda { padding: .5cm .5cm 1cm .5cm }  3.x  4.x padding-top (não herdado) Ajusta o preenchimento na parte de cima do conteúdo de um elemento tamanho (pt, in, cm, px) ou porcentagem do tamanho da fonte { padding-top: 5pt }  4.x  4.x padding-right (não herdado) Ajusta o preenchimento no lado direito do conteúdo de um elemento tamanho (pt, in, cm, px) ou porcentagem do tamanho da fonte { padding-right: 5pt }  4.x  4.x padding-bottom (não herdado) Ajusta o preenchimento na parte de baixo do conteúdo de um elemento tamanho (pt, in, cm, px) ou porcentagem do tamanho da fonte { padding-bottom: 5pt }  4.x  4.x padding-left (não herdado) Ajusta o preenchimento no lado esquerdo do conteúdo de um elemento tamanho (pt, in, cm, px) ou porcentagem do tamanho da fonte { padding-left: 5pt }  4.x  4.x border-top-width (não herdado) Ajusta a largura da borda ao longo da parte de cima de um elemento tamanho (pt, in, cm, px); thin, medium, thick { border-top-width: thin }  4.x  4.x border-right-width (não herdado) Ajusta a largura da borda ao longo do lado direito de um elemento tamanho (pt, in, cm, px); thin, medium, thick { border-right-width: thin }  4.x  4.x border-bottom-width (não herdado) Ajusta a largura da borda ao longo da parte de baixo de um elemento tamanho (pt, in, cm, px); thin, medium, thick { border-bottom-width: thin }  4.x  4.x border-width (não herdado) Ajusta a largura da borda em cada lado de um elemento na ordem parte de cima, lado direito, parte de baixo, lado esquerdo (Se houver só um valor, ele se aplica a todos os lados; se houver dois ou três, os valores que faltam serão tomados do lado oposto.) tamanho (pt, in, cm, px); thin, medium, thick { border-width: thin thin thick thin }  4.x border-top-color (não herdado) Ajusta a cor da borda ao longo do lado de cima de um elemento nome da cor ou código hex { border-top-color: green }  4.x border-right-color (não herdado) Ajusta a cor da borda ao longo do lado direito de um elemento nome da cor ou código hex { border-right-color: green }  4.x border-bottom-color (não herdado) Ajusta a cor da borda ao longo do lado de baixo de um elemento nome da cor ou código hex { border-bottom-color: #00FF00 }  4.x border-left-color (não herdado) Ajusta a cor da borda ao longo do lado esquerdo de um elemento nome da cor ou código hex { border-left-color: thin }  4.x  4.x border-color (não herdado) Ajusta a cor da borda em cada lado de um elemento na ordem parte de cima, lado direito, parte de baixo, lado esquerdo (Se houver só um valor, ele se aplica a todos os lados; se houver dois ou três, os valores que faltam serão tomados do lado oposto; note que o Netscape só permite um valor) nome da cor ou código hex { border-color: green #FFFF00 #00FFFF green } (IE4){ border-color: green } (IE4 or Netscape 4)  4.x border-top-style (não herdado) Ajusta o estilo da borda ao longo do lado de cima de um elemento nome do estilo (none, solid, double, groove, ridge, inset, outset) { border-top-style: ridge }  4.x border-right-style (não herdado) Ajusta o estilo da borda ao longo do lado direito de um elemento nome do estilo (none, solid, double, groove, ridge, inset, outset) { border-right-style: solid }  4.x border-bottom-style (não herdado) Ajusta o estilo da borda ao longo do lado de baixo de um elemento nome do estilo (none, solid, double, groove, ridge, inset, outset) { border-bottom-style: groove }  4.x border-left-style (não herdado) Ajusta o estilo da borda ao longo do lado esquerdo de um elemento nome do estilo (none, solid, double, groove, ridge, inset, outset) { border-left-style: inset }  4.x  4.x border-style (não herdado) Ajusta o estilo da borda em todos os lados de um elemento nome do estilo (none, solid, double, groove, ridge, inset, outset) { border-style: outset }  4.x border-top (não herdado) Ajusta a largura, cor, e estilo da borda ao longo do lado de cima de um elemento largura, cor, e estilo { border-top: thin green ridge }  4.x border-right (não herdado) Ajusta a largura, cor, e estilo da borda ao longo do lado direito de um elemento largura, cor, e estilo { border-right: thin green ridge }  4.x border-bottom (não herdado) Ajusta a largura, cor, e estilo da borda ao longo do lado de baixo de um elemento largura, cor, e estilo { border-bottom: thin green ridge }  4.x border-left (não herdado) Ajusta a largura, cor, e estilo da borda ao longo do lado esquerdo de um elemento largura, cor, e estilo { border-left: thin green ridge }  4.x border (não herdado) Ajusta a largura, cor, e estilo da borda em todos os lados de um elemento largura, cor, e estilo { border: thin green ridge }  4.x  4.x float (não herdado) Faz com que o elemento flutue para um lado e outro do texto e o envolva. (Usado nos elementos DIV e SPAN.) left, right, ou none { float: left }  4.x  4.x clear (não herdado) Especifica se o elemento pode ter elementos flutuando à sua volta -- faz com que o elemento se posicione por baixo de qualquer elemento que esteja flutuando no lado especificado. left, right, ou both { clear: left } Copyleft 2002 - Todos os direitos reservados