tutorial pengembangan web terbaru
 

Style marginLeft Property

<Style Object

Contoh

Mengatur margin kiri dari <div> elemen:

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

Definisi dan Penggunaan

The marginLeft set properti atau mengembalikan margin kiri dari suatu elemen.

Kedua properti margin dan properti padding ruang insert sekitar elemen. Namun, perbedaannya adalah bahwa marjin menyisipkan ruang di sekitar perbatasan, sementara bantalan menyisipkan ruang dalam perbatasan elemen.

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti marginLeft didukung di semua browser utama.

Sintaksis

Kembali properti marginLeft:

object .style.marginLeft

Mengatur properti marginLeft:

object .style.marginLeft=" Nilai properti
Nilai Deskripsi
% Mendefinisikan margin kiri di% dari lebar elemen induk
length Mendefinisikan margin kiri di unit panjang
auto Browser menetapkan margin kiri
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: 0
Kembali Nilai: Sebuah String, mewakili margin kiri suatu elemen
CSS Versi CSS1

Contoh lebih

Contoh

Ubah margin kiri dari <div> elemen kembali ke "normal" :

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

Contoh

Kembali margin kiri dari <div> elemen:

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

Contoh

Perbedaan antara marginLeft dan paddingLeft:

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

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

Pages terkait

CSS tutorial: CSS Margin

Referensi CSS: margin-left property

Referensi HTML DOM: margin property

<Style Object