Style marginTop özelliği

Tanım ve Kullanım

marginTop özellik ayarlar veya elementin üst dış kenar boşluğunu döndürür.

margin özelliği ve padding özelliği Bütün elementler etrafına boşluk ekler. Ancak, farklar arasında, margin kenar çizgisi etrafında boşluk eklerken, padding elementin kenar çizgisi içindeki boşluk ekler.

Ayrıca bkz：

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

CSS Referans Kılavuzu：margin-top özelliği

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

Örnek

Örnek 1

<div> elementinin üst dış kenar boşluğunu ayarlayın：

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

Kişisel olarak deneyin

Örnek 2

<div> elementinin üst dış kenar boşluğunu "normal" olarak geri getirin：

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

Kişisel olarak deneyin

Örnek 3

Dönüş <div> elementinin üst dış kenar boşluğu：

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

Kişisel olarak deneyin

Örnek 4

marginTop ile paddingTop arasındaki fark：

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

Kişisel olarak deneyin

Sözdizimi

marginTop özelliğini döndürün：

object.style.marginTop

marginTop özelliğini ayarlayın：

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

Özellik değeri

Değer Açıklama
% Ebeveyn elemanının genişliğinin yüzdesi ile üst dış kenar boşluğu tanımlar.
length Uzunluk birimi ile üst dış kenar boşluğu tanımlar.
auto tarayıcı ayarlarındaki üst dış kenar boşluğu
initial Bu özelliği varsayılan değerine ayarlar. Görüşünüzü alın initial。
inherit Bu özelliği ebeveyn elemanından devralır. Görüşünüzü alın inherit。

Teknik ayrıntılar

Varsayılan değer： 0
Dönüş değeri： dizge, elemanın üst dış kenar boşluğunu belirtir.
CSS sürümü： CSS1

tarayıcı destekler

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