Margin ÖZELLİKLERİ
Kutunun kenar dış boşluğunu ayarlamak için kullanılınır. Kutu çizgileri ile diğer elemanlar yada sayfa kenarı arasındaki mesafeyi ayarlamak için kullanılınır.margin tanımlaması yaptığınız eleman etrafındaki elemanları belirlediğiniz değer ölçüsünde öteleyecektir.
Negatif değer alabilir.
Body içerik anlamına geldiğinden web sayfasında içeriğin görüntülendiği kısmı temsil eder
Body için magrin tanımlaması yaparsak sayfa kenarlarında kullanılmayacak alanlar oluşturmamız mümkündür.
body{
margin:25px;
}
Magrin özellik gurubunun alabileceği değerler :
Uzunluk , % , inherit ,auto(otomatik değer al)
1.margin-top
üst kenar dış boşluğunu ayarlamak için kullanılınır.
2.margin-right
sağ kenar dış boşluğunu ayarlamak için kullanılınır.
3.margin-bottom
Alt kenar dış boşluğunu ayarlamak için kullanılınır.
4.margin-left :
Sol kenar dış boşluğunu ayarlamak için kullanılınır.
5.margin
tüm kenar dış boşluklarını eşit olarak ayarlamak için yada kutunun kenar dış boşluklarına aynı anda ayrı ayrı değerler atamak için kullanılınır.
Margin:50px;
Tüm kenar dış boşluklarını eşit olarak ayarladık
Kutunun tüm dış kenar boşlukları 50px olarak ayarlanmış
Margin: 23px 20px 30px 40px;
Kenar dış boşluklarına aynı satırda ayrı ayrı değerler verdik
Eğer kutunun herhangi bir kenarına kenar dış boşluğu vermek istemezsek 0 değerini yazmamız yeterli olacaktır mesala sağ kenar için kenar dış boşluğu vermek istemiyorsak ;
Margin: 12px 0 40px 60px ;
Yazmamız yeterli olacaktır.
Özelliklere değer atama sırası >>>
Margin özelliğine 4 kenar dışı boşluk içinde değer atamak için saat yön
Margin: margin- top || margin –right || margin-bottom || margin-left
NOT:Farklı kenarlara farklı kenar dış boşlukları verebiliriz.