Web Tasarımında Dolgu ve Kenar Boşluğu Arasındaki Farkın Kavranması

Bu kılavuzu kullanarak ikisini ayırın

Dolgu ve kenar boşlukları arasındaki farkın ne olduğunu bilmiyorsanız, yalnız değilsiniz. Sıkça sorulan bir soru ve bir web tasarımcısını çok şaşırttı. Bu hızlı öğretici ile, ikisi arasında ayrım yapmayı öğrenin.

Farkı Anlamak

Kenar boşlukları ve dolgu , acemi Web tasarımcısına ve hatta daha fazla deneyime sahip tasarımcılara bile kafa karıştırıcı olabilir. Sonuçta, bazı yönlerden, aynı şey gibi görünüyorlar: Bir görüntü veya nesnenin etrafında beyaz boşluk.

Dolgu, sınır ile gerçek görüntü veya hücre içeriği arasındaki sınırın içindeki boşluktur. Görüntüde, dolgu, içeriklerin etrafındaki sarı alan. Dolgu malzemesinin tamamen içeriğin etrafında olduğunu unutmayın. Üst, alt, sağ ve sol taraflarda dolgu malzemesi bulacaksınız.

Öte yandan, kenar boşlukları, sınır ve bu nesnenin yanındaki diğer öğeler arasındaki boşluklar. Görüntüde, kenar boşluğu tüm nesnenin dışındaki wite alanıdır. Dolguda olduğu gibi, kenar boşluğu içeriğin tamamen etrafına gider. Üst, alt, sağ ve sol tarafta kenar boşlukları vardır.

Faydalı ipuçları

Kenar boşlukları ve Internet Explorer gibi bazı tarayıcıların kutu modelini doğru bir şekilde uygulamaması konusunda gerçekten fantastik şeyler yapmayı planlıyorsanız unutmayın. Bu, sayfalarınızın diğer tarayıcılarda farklı (ve bazen çok farklı) görüneceği anlamına gelir.