tutorial pengembangan web terbaru
 

Style marginBottom Property

<Style Object

Contoh

Mengatur margin bawah dari <div> elemen:

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

Definisi dan Penggunaan

The marginBottom set properti atau mengembalikan margin bawah 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 marginBottom didukung di semua browser utama.

Sintaksis

Kembali properti marginBottom:

object .style.marginBottom

Mengatur properti marginBottom:

object .style.marginBottom=" Nilai properti
Nilai Deskripsi
% Mendefinisikan margin bawah di% dari lebar elemen induk
length Mendefinisikan margin bawah di unit panjang
auto Browser menetapkan margin bawah
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 bawah elemen
CSS Versi CSS1

Contoh lebih

Contoh

Mengubah margin bawah dari <div> elemen kembali ke "normal" :

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

Contoh

Kembali margin bawah dari <div> elemen:

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

Contoh

Perbedaan antara marginBottom dan paddingBottom:

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

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

Pages terkait

CSS tutorial: CSS Margin

Referensi CSS: margin-bottom property

Referensi HTML DOM: margin property

<Style Object