Style marginLeft Özelliği

Tanımı ve kullanımı

marginLeft özellikleri, elementin sol dış kenar marjını ayarlar veya döndürür.

Marj özelliği ve Padding özelliği Tüm elementler etrafına boşluk ekler. Ancak, farklar, marjın kenar çizgisi etrafında boşluk eklemesi, paddingin ise elemanın kenar çizgisi içinde boşluk eklemesi olduğunu ifade eder.

Ayrıca bkz:

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

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

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

Örnek 1

<div> öğesinin sol dış kenar marjını ayarlayın:

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

Kişisel olarak deneyin

Örnek 2

<div> öğesinin sol dış kenar marjını "normal" olarak geri ayarlayın:

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

Kişisel olarak deneyin

Örnek 3

Div öğesinin sol dış kenar marjını döndürün:

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

Kişisel olarak deneyin

Örnek 4

marginLeft ile paddingLeft arasındaki fark:

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

Kişisel olarak deneyin

Gramer

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

object.style.marginLeft

marginLeft özelliğini ayarlayın:

object.style.marginLeft = "%|length|auto|inherit"

Özellik değeri

Değer Açıklama
% Ebeveyn elementinin genişliğinin yüzdesi ile sol dış kenar marjı tanımlayın.
length Uzunluk birimi ile sol dış kenar marjı tanımlayın.
auto Tarayıcı sol dış kenar marjını ayarlar.
initial Bu özelliği varsayılan değerine ayarlayın. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。

Teknik ayrıntılar

Varsayılan değer: 0
Dönüş değeri: Dizge, elemanın sol dış kenar marjını temsil eder.
CSS Sürümü： CSS1

Tarayıcı destekler

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