Sağ, sol, üst ve alt kısımlarına aynı oranda dış mesafe belirlemek için margin komutuna tek değer veriyoruz.
.ornek { margin: 5px; }
Sağ, sol dış mesafe oranları 10px, üst ve alt dış mesafe oranlarınını 15px olarak belirlemek için margin komutuna iki ayrı değer veriyoruz.
.ornek { margin: 10px 15px; }
Dört ayrı noktaya ayrı dış mesafe değerleri vermek istersek aynı şekilde margin komutuna dört farklı değer tanıtıyoruz.
.ornek { margin: 10px 15px 5px 20px; }
Bu uygulamayı margin-top:, margin-left gibi komutlarlada uygulayabilirsiniz fakat örneklerdeki gibi uygulamanızı tavsiye ederim. Bütün tarayıcılara uyumludur.
Not: Margin komutu div’e veya diğer tag’lara “dış” boşluk değerleri tanımlar.
Bazı durumlarda iç boşluk tanımlamanız gerekebilir. İç boşluk için “padding” komutunu kullanıyoruz.
.ornek { padding: 10px 15px 5px 20px; }
Verdiğim örneklerdeki margin komutunu padding komutuyla değiştirirsek, dış mesafe oranları iç mesafe oranı olarak işlem görmeye başlayacaktır.
Bir cevap yazın