Gaya marginLeft Property
Contoh
Setel margin kiri elemen <div>:
document.getElementById("myDiv").style.marginLeft = "50px";
Definisi dan Penggunaan
Properti marginLeft menetapkan atau mengembalikan margin kiri 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 | |||||
---|---|---|---|---|---|
marginLeft | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti marginLeft:
object.style.marginLeft
Setel properti marginLeft:
object.style.marginLeft = "%|length|auto|inherit"
Nilai properti
Value | Description |
---|---|
% | Defines the left margin in % of the width of the parent element |
length | Defines the left margin in length units |
auto | The browser sets the left 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 kiri elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah margin kiri elemen <div> kembali ke "normal":
document.getElementById("myDiv").style.marginLeft = "0px";
Contoh
Kembalikan margin kiri elemen <div>:
alert(document.getElementById("myDiv").style.marginLeft);
Contoh
Perbedaan antara marginLeft dan paddingLeft:
function changeMargin() {
document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingLeft = "100px";
}
Halaman Terkait
Tutorial CSS: Margin CSS
Referensi CSS: properti margin-kiri
Referensi DOM HTML: properti margin
Objek Gaya