tutorial pengembangan web terbaru
 

Style margin Property

<Style Object

Contoh

Set keempat margin dari <div> elemen:

document.getElementById("myDiv").style.margin = "50px 10px 20px 30px";
Cobalah sendiri "

Definisi dan Penggunaan

Margin set properti atau mengembalikan margin dari suatu unsur.

Properti ini dapat berlangsung dari satu sampai empat nilai:

  • Satu nilai, seperti: div {margin: 50px} - semua empat margin akan 50px
  • Dua nilai, seperti: div {margin: 50px 10px} - atas dan bawah margin akan 50px, margin kiri dan kanan akan 10px
  • Tiga nilai, seperti: div {margin: 50px 10px 20px} - margin atas akan 50px, kiri dan margin kanan akan 10px, margin bawah akan 20px
  • Empat nilai, seperti: div {margin: 50px 10px 20px 30px} - margin atas akan 50px, margin kanan akan 10px, margin bawah akan 20px, margin kiri akan 30px

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 margin didukung di semua browser utama.

Sintaksis

Kembali properti margin:

object .style.margin

Mengatur properti margin:

object .style.margin=" Nilai properti
Nilai Deskripsi
% Mendefinisikan margin dalam% dari lebar elemen induk
length Mendefinisikan margin dalam satuan panjang
auto Browser menetapkan margin (all four margins will be equal)
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 dari suatu unsur
CSS Versi CSS1

Contoh lebih

Contoh

Mengubah semua empat margin dari <div> elemen untuk "25px" :

document.getElementById("myDiv").style.margin = "25px";
Cobalah sendiri "

Contoh

Kembali margin dari <div> elemen:

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

Contoh

Perbedaan antara properti margin dan properti padding:

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

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

Pages terkait

CSS tutorial: CSS Margin

Referensi CSS: margin property

<Style Object