Properti marginLeft

Definisi dan penggunaan

marginLeft atur atau kembalikan margin kiri elemen.

Atribut margin dan Atribut padding Mengisi ruang di sekitar elemen. Tetapi, perbedaan diantara margin adalah menambah ruang di sekitar garis batas, sementara padding menambah ruang di dalam garis batas elemen.

Lihat pula:

Panduan CSS:Margin luar CSS

Panduan CSS:Atribut margin-left

Panduan HTML DOM:Atribut margin

Contoh 1

Atur margin kiri elemen <div>:

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

Coba sendiri

Contoh 2

Kembalikan margin kiri elemen <div> ke "normal":

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

Coba sendiri

Contoh 3

Kembalikan margin kiri elemen <div>:

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

Coba sendiri

Contoh 4

Perbedaan antara marginLeft dan paddingLeft:

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

Coba sendiri

Sintaks

Kembalikan atribut marginLeft:

object.style.marginLeft

Atur atribut marginLeft:

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

Nilai atribut

Nilai Deskripsi
% Definisi margin kiri dengan persentase lebar elemen induk.
length Definisi margin kiri dengan satuan panjang.
auto Atur margin kiri melalui pengaturan browser.
initial Atur atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen induk. Lihat inherit。

Detil teknis

Nilai standar: 0
Nilai kembalian： String, menunjukkan margin kiri eksternal elemen.
Versi CSS： CSS1

Perangkat lunak browser mendukung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan