tutorial pengembangan web terbaru
 

Style marginRight Property

<Style Object

Contoh

Mengatur margin kanan dari <div> elemen:

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

Definisi dan Penggunaan

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


Sintaksis

Kembali properti marginRight:

object .style.marginRight

Mengatur properti marginRight:

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

Contoh lebih

Contoh

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

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

Contoh

Kembali margin kanan dari <div> elemen:

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

Contoh

Perbedaan antara marginRight dan paddingRight:

function changeMargin() {
    document.getElementById("myDiv").style.marginRight = "200px";
}

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

Pages terkait

CSS tutorial: CSS Margin

Referensi CSS: margin-right property

Referensi HTML DOM: margin property


<Style Object