Margin ve Padding Nedir? Ne İşe Yarar?

Margin ve Padding web tasarımlarına yardımcı CSS dilinin iki elemanıdır. Bu elemanlar, iç ve dış mesafeleri ayarlayan özelliklerdir.

Padding elementimizin içindeki içeriğin element sınırlarına olan uzaklığını ayarlamak için kullanılır.

#resim {
padding:5px 5px 5px 5px;
background:#000;
width:258px;
border:#FF0 1px solid;
}

Margin dış kenar boşlukları ayarlamanızı sağlayan özelliktir, bir nesneyi, divi veya tabloyu dışarıdaki nesnelere göre konumlandırmak istediğinizde bu özelliği kullanabilirsiniz.

Marginin ve Paddingin tanımlaması yapmazsanız kullandığınız nesneler ve elementlerin birbirleriyle olan mesafeleri sıfır olur.

dd {
margin: 0 0 0 110px;
padding: 0 0 0.5em 0;
overflow: hidden;
}

Eğer margin ve padding tanımlaması yapmazsanız kullandığınız nesneler ve elementlerin birbirleriyle olan mesafeleri sıfır olacaktır.