Nedir?

Margin ve Padding Nedir? Ne İşe Yarar?

Pinterest LinkedIn Tumblr

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.

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

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.

[php]
dd {
margin: 0 0 0 110px;
padding: 0 0 0.5em 0;
overflow: hidden;
}
[/php]

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

1 Comment

  1. Abdullah Kilim Reply

    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.

Write A Comment

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