Diferença entre margin e padding

Novo aqui no site? Talvez gostaria de assinar o
RSS feed do site?

Publicado em: 19/11/2006
Área: Tableless
Visualizações: 5.495
Comentário(s): 1

imprimir envie por e-mail compartilhe
Olá pessoal
Neste artigo vamos ver a diferença entre margin e padding.

Padding é a quantidade de pontos que o conteúdo de um objeto fica identado no objeto, ou seja é o número de pontos em que o conteúdo está recuado dentro do objeto externo.

Utilização:
padding:10px 2px 15px 0px
padding-left:0px;
padding-right:2px;
padding-bottom:15px;
padding-top:10px;
padding:10px 0px;

Utilizando apenas padding, você deve informar os quatro cantos, sendo eles respectivamente (acima, direita, abaixo, esquerda). Ou como no último caso que o padding será para 10px de padding vertical, 0px de padding horizontal.
Ex.:


Margin é a quantidade de pontos em que um objeto está recuado do conteúdo, por exemplo.

Utilização:
margin:10px 2px 15px 0px
margin-left:0px;
margin-right:2px;
margin-bottom:15px;
margin-top:10px;
margin:10px 0px;

Utilizando apenas margin, você deve informar os quatro cantos, sendo eles respectivamente (acima, direita, abaixo, esquerda). Ou como no último caso que o margin será para 10px de margin vertical, 0px de margin horizontal. Mesma regras de utilização do padding.
Ex.:


Isso ae pessoal, está utilização é muito comum em programação html com tableless.

Qualquer dúvida, comente a coluna abaixo, que estarei respondendo!!!

Preencha o formulário para comentar:
Nome:*

E-mail:* (não será exibido)

Site: (http://)

Comentário:*

Deseja receber os comentários no e-mail?

Anti-spam: (nova imagem)





Douglas

   - Publicado em: 08/12/2008 - 13:08

Este site é nojento quando visualizado no IE6. Quase elegivel....

 

Autor da matéria
Nícolas Müller
Sou um profissional da área de internet, trabalho como programador, designer e desenvolvedor de sites, faz cerca de 8 anos que estou atuando na área , sendo 5 .

Todas as matérias de Nícolas Müller

Publicidade
Seguir o Oficina da Net
RSS

RSS

RSS
Top matérias do mês
Matérias relacionadas
Tags

© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.