Style marginBottom 属性

Definisi dan penggunaan

marginBottom atur atau kembalikan margin bawah luar elemen.

Atribut margin dan Atribut padding Mengisi ruang sekeliling elemen. Tetapi, perbedaan nya adalah, margin mengisi ruang disekitar garis bingkai, sementara padding mengisi ruang di dalam garis bingkai elemen.

Lihat pula:

Pelajaran CSS:Margin luar CSS

Panduan CSS:Atribut margin-bottom

Panduan HTML DOM:Atribut margin

Contoh

Contoh 1

Atur margin bawah luar elemen <div>:

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

Coba sendiri

Contoh 2

Kembalikan margin bawah luar elemen <div> kembali ke "normal":

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

Coba sendiri

Contoh 3

Kembalikan margin bawah luar elemen <div>:

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

Coba sendiri

Contoh 4

Perbedaan antara marginBottom dan paddingBottom:

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

Coba sendiri

Sintaks

Kembalikan atribut marginBottom:

object.style.marginBottom

Atur atribut marginBottom:

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

Nilai atribut

Nilai Deskripsi
% Didefinisikan margin bawah luar dengan persen lebar elemen induk.
length Didefinisikan margin bawah luar dengan satuan panjang.
auto pengaturan margin bawah luar 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 bawah luar elemen.
Versi CSS: CSS1

Dukungan peramban

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