En son web geliştirme öğreticiler
 

Style marginLeft Property

<Stil Nesne

Örnek

Bir sol kenar boşluğunu ayarlayın <div> elemanı:

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

Tanımı ve Kullanımı

marginLeft özelliği, ayarlar veya bir öğenin sol marjını döndürür.

marj özelliği ve bir öğenin etrafında dolgu özelliği insert uzay de. Bununla birlikte, fark dolgu bir elemanın sınır içinde boşluk ekler ise kenar, sınır çevresinde boşluk ekler olmasıdır.


Tarayıcı Desteği

Internet ExplorerFirefoxOperaGoogle ChromeSafari

marginLeft özelliği tüm büyük tarayıcılarda desteklenir.


Sözdizimi

marginLeft özelliğini Dönüş:

object .style.marginLeft

marginLeft özelliğini ayarlayın:

object .style.marginLeft=" Mülkiyet Değerler
değer Açıklama
% ana elemanın genişliğinin% sol kenar tanımlar
length uzunluk birimi olarak sol kenar tanımlar
auto tarayıcı sol kenar boşluğunu ayarlar
initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer: 0
Geri dönüş değeri: Bir elemanın sol kenar temsil eden bir String,
CSS Sürüm BB1

Diğer Örnekler

Örnek

Bir sol kenar boşluğu değiştirme <div> geri elemanı "normal" :

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

Örnek

Bir sol kenar boşluğu İade <div> elemanı:

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

Örnek

marginLeft ve paddingLeft arasındaki fark:

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

function changePadding() {
    document.getElementById("myDiv2").style.paddingLeft = "100px";
}
Kendin dene "

İlgili Sayfalar

CSS öğretici: CSS Marjı

CSS referansı: margin-left property

HTML DOM referansı: margin property


<Stil Nesne