Informática Numaboa - Tutoriais e Programação
Pequeno laboratório de CSS I
|
Seg 17 Abr 2006 12:43 |
- Detalhes
- Categoria: CSS - Cascanding Style Sheet
- Atualização: Quarta, 15 Abril 2009 12:03
- Autor: vovó Vicki
- Acessos: 14045
Margens
As propriedades das margens definem os espaços ao redor dos elementos. É possível usar valores negativos para sobrepor conteúdos. As margens superior, direita, inferior e esquerda podem ser alteradas independentemente usando propriedades próprias. A propriedade geral margin pode ser usada para alterar todas as margens de uma vez só.
Propriedades das Margens
Aqui veremos como se comportam as propriedades das margens. Clique nos links da tabela para ver como as propriedades são entendidas pelo navegador e colocadas na Área de Teste.
Na tabelas abaixo, a coluna IE indica a versão do Internet Explorer, a F do Firefox e a N do Netscape. A coluna W3C indica a versão da recomendação (CSS1 ou CSS2).
{ margin-top: 0px } { margin-right: 0px } { margin-bottom: 0px } { margin-left: 0px } |
| Propriedade | Descrição | Valores | IE | F | N | W3C |
| margin | Propriedade que permite usar apenas uma declaração. | margin-top margin-right margin-bottom margin-left |
4 | 1 | 4 | 1 |
| margin-bottom | Propriedade para a margem inferior. | auto length % |
4 | 1 | 4 | 1 |
| margin-left | Propriedade da margem esquerda. | auto length % |
3 | 1 | 4 | 1 |
| margin-right | Propriedade da margem direita. | auto length % |
3 | 1 | 4 | 1 |
| margin-top | Propriedade da margem superior. | auto length % |
3 | 1 | 4 | 1 |
Bordas
As propriedades das bordas permitem especificar o estilo e a cor das bordas dos elementos. No HTML usamos tabelas para criar bordas ao redor de textos, mas com as propriedades CSS das bordas podemos criar vários efeitos que podem ser aplicados em qualquer elemento.
Clique várias vezes nos links da tabela para ver como estas propriedades são entendidas pelo navegador e colocadas na Área de Teste.
Na tabelas abaixo, a coluna IE indica a versão do Internet Explorer, a F do Firefox e a N do Netscape. A coluna W3C indica a versão da recomendação (CSS1 ou CSS2).