Properti marginRight

Definisi dan Penggunaan

marginRight atur atau kembalikan margin eksternal kanan elemen.

Atribut margin dan Atribut padding Mengisi ruang sekeliling elemen. Tetapi, perbedaan adalah margin menempatkan ruang di sekitar garis bingkai, sementara padding menempatkan ruang di dalam garis bingkai elemen.

Lihat pula:

Pelajaran CSS:Margin luar CSS

Panduan CSS:Atribut margin-right

Panduan HTML DOM:Atribut margin

Contoh

Contoh 1

Atur margin eksternal kanan elemen <div>:

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

Coba sendiri

Contoh 2

Kembalikan margin eksternal kanan elemen <div> kembali ke "normal":

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

Coba sendiri

Contoh 3

Kembalikan margin eksternal kanan elemen <div>:

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

Coba sendiri

Contoh 4

Perbedaan antara marginRight dan paddingRight:

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

Coba sendiri

Sintaks

Kembalikan atribut marginRight:

object.style.marginRight

Atur atribut marginRight:

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

Nilai atribut

Nilai Deskripsi
% Didefinisikan margin eksternal kanan dengan persentase lebar elemen orang tua.
length Didefinisikan margin eksternal kanan dengan satuan panjang.
auto Pembaca browser menetapkan margin eksternal kanan.
initial Atur atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen orang tua. Lihat inherit。

Detil teknis

Nilai standar: 0
Nilai kembalian: String, yang merepresentasikan margin eksternal kanan elemen.
Versi CSS： CSS1

Pembaca browser mendukung

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