Os materiais didáticos aqui disponibilizados estão licenciados através de Creative Commons Atribuição-SemDerivações-SemDerivados CC BY-NC-ND. Você possui a permissão para visualizar e compartilhar, desde que atribua os créditos do autor. Não poderá alterá-los e nem utilizá-los para fins comerciais.
Atribuição-SemDerivações-SemDerivados
CC BY-NC-ND
Cursos / Informática para Internet / Autoria Web / Aula
Como dito anteriormente, margens especificam uma área ao redor da borda, ou seja, determinam a distância entre caixas. As margens são definidas em termos das propriedades resumidas no quadro a seguir.
| Propriedade | Descrição | Valores |
| margin | Especifica todas as propriedades de margem, nesta ordem: superior, direita, inferior e esquerda | margin-top margin-right margin-bottom margin-left |
| margin-bottom | Especifica a margem inferior | auto tamanho % |
| margin-left | Especifica a margem esquerda | auto tamanho % |
| margin-right | Especifica a margem direita | auto tamanho % |
| margin-top | Especifica a margem superior | auto tamanho % |
Mas, atenção: Quando são definidas várias caixas, uma embaixo da outra, e cada uma com suas respectivas margens, essas margens serão SOBREPOSTAS, ou seja, a margem inferior da caixa de cima se sobrepõe à margem superior da caixa de baixo, resultando numa distância que será igual à maior delas.
Por exemplo, se a margem inferior da caixa de cima for 80px e a margem superior da caixa de baixo for 30px, a distância entre elas será de 80px e não de 110px. Veja o exemplo da Figura 5, nele são definidos dois parágrafos: no primeiro, a margem inferior é de 80px enquanto no segundo a margem superior é de 80px, resultando num espaçamento entre parágrafos de 80px, ao invés de ser 160px.
Versão 5.3 - Todos os Direitos reservados