style marginBottom 属性

Definisi dan penggunaan

marginBottom atur sifat jarak bawah luar elemen.

Sifat margin dan Sifat padding Semua memasukkan ruang di sekeliling elemen. Tetapi, perbezaannya adalah, margin memasukkan ruang di sekeliling garisan bingkai, sementara padding memasukkan ruang di dalam garisan bingkai elemen.

Lihat juga:

Panduan CSS:Marjin luar CSS

Panduan CSS:Sifat margin-bottom

Panduan HTML DOM:Sifat margin

Contoh

Contoh 1

Tetapkan jarak bawah luar elemen <div>:

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

Coba sendiri

Contoh 2

Kembalikan jarak bawah luar elemen <div> ke "normal":

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

Coba sendiri

Contoh 3

Balikkan jarak bawah luar elemen <div>:

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

Coba sendiri

Contoh 4

Perbezaan antara marginBottom dan paddingBottom:

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

Coba sendiri

Sintaks

Balikkan sifat marginBottom:

object.style.marginBottom

Tetapkan sifat marginBottom:

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

Nilai sifat

Nilai Penerangan
% Didefinisikan jarak bawah luar dengan persen lebar elemen induk.
length Didefinisikan jarak bawah luar dengan unit panjang.
auto aturan jarak bawah luar pelayar.
initial Tetapkan sifat ini ke nilai lalai. Lihat initial。
inherit Mewarisi sifat ini dari elemen induk. Lihat inherit。

Detil teknikal

Nilai lalai: 0
Hasil balik: String, menunjukkan jarak bawah luar elemen.
Versi CSS: CSS1

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support