Marj ve Dolgu Arasındaki Fark

Marj ve Dolgu
 

Kenar boşluğu ve dolgu arasındaki fark, CSS kenar boşluğu ve dolgu, farklı öğeler arasında boşluk sağlamak için CSS'de kullanılan iki önemli kavramdır. Dolgu ve kenar boşlukları birbirinin yerine kullanılamaz ve farklı amaçlara sahiptir, bu nedenle uygun şekilde kullanılmalıdır. Dolgu, içerik ile bir bloğun kenarlığı arasındaki boşluktur. Diğer taraftan, kenar boşluğu bir bloğun sınırının dışındaki alandır. Kenar boşlukları kenarlığı içerikten ayırırken kenar boşluğu blokları bitişik bloklardan ayırır.

Dolgu Nedir?

CSS'de (Basamaklı Stil Şablonu), dolgu içeriği ile sınır arasında kalan alandır. Bir bloğun içeriğini kenarından ayırır. Dolgu şeffaftır ve öğenin arka plan görüntüsünü veya arka plan rengini de içerir. Bir elemanın dolgu miktarı, CSS kodunda "dolgu" terimi kullanılarak belirtilir. Örneğin, içeriğin etrafına 25 piksel dolgu eklemek için aşağıdaki kod kullanılabilir.

div
genişlik: 300 piksel;
yükseklik: 300 piksel;
dolgu: 25 piksel;
sınır: 25 piksel katı;

Gerekirse, sol, sağ, üst ve alt için de farklı dolgu değerleri ayrı ayrı belirtilebilir. Aşağıdaki kod parçası, her bir taraf için farklı dolgu değerleri belirtir.

div
genişlik: 300 piksel;
yükseklik: 300 piksel;
dolgu üstü: 25 piksel;
dolgu tabanı: 35 piksel;
dolgu sol: 5 piksel;
dolgu hakkı: 10 piksel;
sınır: 25 piksel katı;

Marj Nedir?

CSS'de (Basamaklı Stil Sayfaları) kenar boşluğu kenarlığın dışındaki alandır. Bir bloğu diğer bloklardan ayırır. Kenar boşluğu da şeffaftır, ancak dolgu ile büyük bir fark, kenar boşluğunun öğeye uygulanan arka plan resimleri veya arka plan renkleri içermemesidir. CSS'deki marj miktarı “marj” terimi kullanılarak belirtilir. Aşağıdaki kod parçası div bloğuna 25 piksel kenar boşluğu uyguladı.

div
genişlik: 320 piksel;
yükseklik: 320 piksel;
sınır: 5 piksel katı;
kenar boşluğu: 25 piksel;

Bloğun farklı tarafları için de farklı değerler belirtilebilir. Aşağıdaki kod parçası, her bir taraf için farklı kenar boşluğu değerleri uygular.

div
genişlik: 320 piksel;
yükseklik: 320 piksel;
sınır: 5 piksel katı;
kenar boşluğu: 25 piksel;
kenar boşluğu: 35 piksel;
sol kenar boşluğu: 5 piksel;
kenar boşluğu: 10 piksel;

Margin ve Padding arasındaki fark nedir?

• Dolgu, kenarlık ve içerik arasındaki boşluk iken kenar boşluğu kenarlık dışındaki boşluktur.

• Dolgu, bir bloğun içeriğini kenarlıktan ayırır. Kenar boşluğu bir bloğu diğerinden ayırır.

• Dolgu, içeriğe uygulanan arka plan resimlerinden ve arka plan renklerinden oluşur; kenar boşluğu ise.

• Dolgu üst üste gelmezken bitişik blokların kenar boşlukları üst üste gelebilir.

Özet:

Dolgu ve Marj

Dolgu, bir bloğun kenarlığı içindeki kenarlığı içerikten ayıran alandır. Kenar boşluğu, bir bloğu bitişik bloklardan ayıran kenarlığın dışındaki aralıktır. Diğer bir fark ise dolgu, kenar boşluğu içermiyorken içeriğin çevresine uygulanan arka plan resmini ve arka plan renklerini içermesidir. Bitişik blokların kenar boşlukları bazen tarayıcı sayfayı oluşturduğunda üst üste gelebilir, ancak dolgu için böyle bir şey olmaz.

Görüntüler Nezaket:

1. Felix.leg'den CSS kutu modeli (CC BY-SA 3.0)