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
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.