Nedir?

Margin ve Padding Nedir? Ne İşe Yarar?

Yazar Eren Can

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.

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız ( Oy Kullanmayı Unutmayın )
Loading...

Yazar Hakkında

Eren Can

Teknolojiyi, sinemayı ve oyun dünyasını yakından takip etmektedir.

1 Yorum

  • Birçok kişinin karıştırdığı css kodları olan margin ve paddind kodlarını çok açıklayıcı bir şekilde anlatmışsınız. Özetle: margin dış boşluk, padding iç boşluk.

Yorum Yap

This site uses Akismet to reduce spam. Learn how your comment data is processed.