Style marginBottom özelliği

Tanımı ve kullanımı

marginBottom özelliklerini ayarlar veya döndürür.

margin özelliği ve padding özelliği Tüm elementler etrafına boşluk ekler. Ancak, farklar, margin'in kenar çizgisi etrafında boşluk eklemesi, padding'in ise elementin kenar çizgisi içindeki boşlukları eklemesi arasında yatmaktadır.

Ayrıca bakınız:

CSS Eğitimi:CSS dış kenar boşluğu

CSS Referans Kılavuzu:margin-bottom özelliği

HTML DOM Referans Kılavuzu:margin özelliği

Örnek

Örnek 1

<div> elementinin alt dış boşluğunu ayarlayın:

document.getElementById("myDiv").style.marginBottom = "50px";

Kişisel olarak deneyin

Örnek 2

<div> elementinin alt dış boşluğunu "normal" olarak geri alın:

document.getElementById("myDiv").style.marginBottom = "0px";

Kişisel olarak deneyin

Örnek 3

Div elementinin alt dış boşluğunu döndürün:

alert(document.getElementById("myDiv").style.marginBottom);

Kişisel olarak deneyin

Örnek 4

marginBottom ile paddingBottom arasındaki fark:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

Kişisel olarak deneyin

Sözdizimi

marginBottom özelliğini döndürün:

object.style.marginBottom

marginBottom özelliğini ayarlayın:

object.style.marginBottom = "%|length|auto|initial|inherit"

Özellik değeri

Değer Açıklama
% Ebeveyn elemanının genişliğinin yüzdesi ile alt dış boşluğu tanımlar.
length Uzunluk birimi ile alt dış boşluğu tanımlar.
auto Tarayıcı ayarları alt dış boşluğu.
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial.
inherit Bu özelliği ebeveyn elemanından devralır. Bakınız inherit.

Teknik ayrıntılar

Öntanımlı değer: 0
Dönüş değeri: Dizgi, elemanın alt dış boşluğunu temsil eder.
CSS sürümü: CSS1

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek