CSS’de margin ve padding arasındaki farklar, margin ve padding örnekleri
Yazar: admin | Yayın Tarihi:
11 Mart 2010 | Yorumlar:
Henüz Yorum Yok :(
Kategori: CSS Tasarım
CSS kullanan birçok kişi, margin ve padding’i en azından ilk kullanımda merak eder. En nihayetinde bu iki komutta benzer bir işi başarmaktadır, boşluk vermek… Margin ve padding arasındaki fark nedir sorusunun yanıtı da aslında burdan yola çıkarak verilebilir. Margin, elementin kenarına boşuk verir. Padding ise içeriğin kenarına boşluk verir.
Örneğin; Bir yazı yazdınız, bunun yanına başka bir yazı gelirken dikkat edilmesini istiyorsanız padding komutunu kullanırsınız… Eğer ki sitemizde bulunan ” ana sahife ” ve ” maliye burcu ” bölümleri gibi iki şeyin birbirine uzaklığını ayarlamak istiyorsanız bu sefer de margin komutunu kullanırsınız…
Margin’in örnek kullanımı;
#margin-ornek {
margin: 10px 5px 5px 10px;
}
Bu işlem sırasıyla elementimizin üstünden 10 piksel, sağ kenarından 5 piksel, alt kenardan 5 piksel ve sol kenardan 10 piksel boşluk vermektedir.
Padding için bir örnek vermek gerekirse…
#padding-ornek {
padding: 10px 10px 10px 10px;
}
Bu da içeriğin 4 kenarına da 10′ar piksel ara vermektedir.
Başka bir paylaşımımı inceleyebilirsiniz
« Disko kralı 13 mart 2010 konukları kimler, okan bayülgen’in 13 mart cumartesi konukları?
10 mart 2010 çarşamba abbas güçlü ile genç bakış kocaeli üniversitesi gölcük depremi »
Düşüncelerinizi duymaya ihtiyacım var!
Zamanınızın çok küçük bir bölümünü ayırarak, bu form aracılığı ile yazı hakkındaki düşüncelerinizi paylaşabilirsiniz.
Yazıya Gelen Yorumlar