Kenar boşlukları ve dolgu kafa karıştırıcı olabilir çünkü bazı yönlerden aynı şey gibi görünürler: bir görüntünün veya nesnenin etrafındaki beyaz boşluk. İşte bir web tasarımcısı olarak aralarındaki farklar hakkında bilmeniz gerekenler.
Dolgu
Dolgu, bir görüntü veya hücre içeriği ile dış sınırı arasındaki boşluktur. Aşağıdaki resimde dolgu, içeriğin etrafındaki sarı alandır. Bu durumda, dolgu tamamen içeriğin etrafını sarar: üst, alt, sağ ve sol taraflar. Her bir taraf için ne kadar dolgu (yüzde, piksel, nokta vb. olarak) belirtebilirsiniz ve bunların aynı olması gerekmez. Bu şekilde içeriği bir öğe içinde konumlandırabilirsiniz.
Marjlar
Bunun aksine, kenar boşlukları bir öğenin sınırının dışında, öğe ile ona bitişik olan şey arasındaki boşluklardır. Görüntüde kenar boşluğu, tüm nesnenin dışındaki beyaz alandır. Dolgu gibi, kenar boşluğu bu örnekte tamamen içeriğin çevresini sarar: üstte, altta, sağda ve solda. Bir sayfada div'leri ve diğer öğeleri konumlandırmak için kenar boşluklarını kullanabilirsiniz.
Tam olarak istediğiniz gibi görüntülendiğinden emin olmak için sayfalarınızı her zaman çeşitli tarayıcılarda, işletim sistemlerinde (mobil dahil) ve ekran boyutlarında test edin.
