Ege YOLBAŞI

CSS Margin Kullanımı

17th Ekim 0 okunma Yorum Yok

CSS kodlaması yaparken sayfa içerisinde boşluklar oluşturuyoruz ve bu boşlukların bir kısımını CSS Margin özelliği ile oluşturuyoruz.CSS kodlaması yaparken en sık kullandığımız özelliklerden biri olan Margin tüm tarayıcılar ile uyumlu olup kullanımı ve uygulaması oldukça basittir.

Bir önceki yazımda padding kullanımını size anlatmıştım.Aslında margin kullanımı da tıpkı padding gibidir aldığı değerler hemen hemen aynıdır.Ancak margin boşlukları bize dışarıdan verir.

Margin Nedir ?

Margin özelliğini HTML elementinin dış kısmından boşluk bırakmak yani genişletmek olarak tanımlayabiliriz.

 Aldığı Değerler
  • margin-top: üst taraf ile olan mesafeyi ayarlar.
  • margin-right: sağ taraf ile olan mesafeyi ayarlar.
  • margin-bottom: alt taraf ile olan mesafeyi ayarlar.
  • margin-left: sol taraf ile olan mesafeyi ayarlar.
Kullanım İle İlgili Örnekler

Ben örneklerde ki değerleri “px” olarak verdim ancak siz bu değerleri ” auto, % ve cm olarak verebilirsiniz.

Margin kullanımını daha iyi anlayabilmek için bol bol pratik yapmalısınız.Çünkü margin kullanımı da CSS temelini oluşturur.

Yorum Yapmak İster Misin ?