Gaya marginRight Property
Contoh
Setel margin kanan elemen <div>:
document.getElementById("myDiv").style.marginRight = "50px";
Definisi dan Penggunaan
Properti marginRight menetapkan atau mengembalikan margin kanan suatu elemen.
Baik properti margin dan properti padding menyisipkan ruang di sekitar elemen. Namun, perbedaannya adalah margin menyisipkan ruang di sekitar perbatasan, sedangkan padding menyisipkan ruang di dalam batas elemen.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
marginRight | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti marginRight:
object.style.marginRight
Setel properti marginRight:
object.style.marginRight = "%|length|auto|initial|inherit"
Nilai properti
Value | Description |
---|---|
% | Defines the right margin in % of the width of the parent element |
length | Defines the right margin in length units |
auto | The browser sets the right margin |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | 0 |
---|---|
Nilai Kembali: | Sebuah String, mewakili margin kanan elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah margin kanan elemen <div> kembali ke "normal":
document.getElementById("myDiv").style.marginRight = "0px";
Contoh
Kembalikan margin kanan elemen <div>:
alert(document.getElementById("myDiv").style.marginRight);
Contoh
Perbedaan antara marginRight dan paddingRight:
function changeMargin() {
document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingRight = "200px";
}
Halaman Terkait
Tutorial CSS: Margin CSS
Referensi CSS: properti margin-right
Referensi DOM HTML: properti margin
Objek Gaya