Köprü metni biçimlendirme dili (HTML) kenar boşluğu, dıştaki öğelerin aralığını belirleyen bir özelliktir. Nesneleri görsel olarak düzenlemek için dolgulama, elemanların içindeki boşluk ile bağlam içinde kullanılabilir. Estetik amaçlı olduğu kadar kolay okuma için kenar boşlukları gerekebilir. Öğeler birbirine çok yakın oturduğunda, bir web sitesine kullanıcılara zarar verebilecek yoğun bir görünüm verebilir. Bir HTML kenar boşluğuyla doğru boşluk, görsel olarak ilginç olan ancak ezici olmayan daha dengeli, hatta görünüm oluşturur.
Bir geliştirici HTML marjını ayarladığında, dört değer alabilir. Tek bir değer verilirse, tarayıcı nesnenin etrafındaki kenar boşluklarının her tarafta aynı olması gerektiğini varsayacaktır. İki değer için, ilk önce aşağı ve yukarı, ikinciyi sola ve sağa kullanacaktır. Üç değer, üst kenar boşluğunu, yanlardaki ve alttaki ölçümleri gösterir. Dördünün de tanımlandığı durumlarda, tarayıcı üst, sol, sağ ve alt kısımları belirtilen şekilde ayarlayacaktır.
Her HTML kenar boşluğu, bir öğenin dışına etrafında bazı görsel boşluklar sağlar. Klasik bir örnekte, bir web tasarımcısının sayfanın üstünde bir gezinti çubuğu olabilir. Kenar boşlukları olmadan, bir sonraki öğe, içeriği olan bir kutu gibi hemen gezinti çubuğuna yaslanacaktır. Bu çok hoş görünmeyecek ve aynı zamanda siteyi kullanıcıların kullanması için zorlaştırabilir. Bir HTML kenar boşluğu, içeriği görsel olarak ayırmak için menü ile içerik arasında boşluk bırakarak içeriğin etrafında boşluk sağlayabilir.
Tasarımcılar bir HTML kenar boşluğunu yüzde olarak ya da em veya piksel gibi bir değerde ayarlayabilirler. En iyi seçenek tasarımcının tercihlerine ve sitenin genel görünümüne ve izlenimine bağlı olabilir. Tasarımda tutarlı ölçümler kullanmak önemlidir. Kenar boşlukları yüzde olarak verilirse, örneğin çatışmaları önlemek için doldurma işlemi yapılmalıdır.
Diğer bir husus, kullanıcıların içeriği okunabilirlik için büyüttüğü mobil cihazlarda veya bilgisayarlarda ortaya çıkabilecek ekran boyutu veya ekranındaki değişiklikler olabilir. Tasarım esnek değilse, içerik kaplardan dışarı akabilir, sayfadan çıkabilir veya doğru şekilde büyütülemeyebilir. Bu, siteyi okumayı zorlaştırabilir ve bazı durumlarda içeriği kırabilir, böylece kullanıcılar erişemez. Testte, tasarımcılar birkaç farklı tarayıcıyı keşfedebilir ve ekrana ne olduğunu görmek için büyütme ve küçülme deneyimlerini yapabilirler.
