Atribut Style marginTop
- Halaman Sebelumnya marginRight
- Halaman Berikutnya maxHeight
- Kembali ke Lapisan Atas Objek Style HTML DOM
Definisi dan penggunaan
marginTop
atur atau mengembalikan margin atas elemen.
Atribut margin dan Atribut padding Mengisi ruang sekeliling elemen. Tetapi, perbedaan di tempat, margin menambah ruang sekitar border, sementara padding menambah ruang di dalam border elemen.
Lihat juga:
Panduan CSS:Margin Luar CSS
Panduan CSS:Atribut margin-top
Panduan HTML DOM:Atribut margin
Contoh
Contoh 1
Pengaturan margin atas elemen <div>:
document.getElementById("myDiv").style.marginTop = "50px";
Contoh 2
Kembalikan margin atas elemen <div> ke "normal":
document.getElementById("myDiv").style.marginTop = "0px";
Contoh 3
Mengembalikan margin atas elemen <div>:
alert(document.getElementById("myDiv").style.marginTop);
Contoh 4
Perbedaan antara marginTop dan paddingTop:
function changeMargin() { document.getElementById("myDiv").style.marginTop = "100px"; } function changePadding() { document.getElementById("myDiv2").style.paddingTop = "100px"; }
Sintaks
Mengembalikan atribut marginTop:
object.style.marginTop
Pengaturan atribut marginTop:
object.style.marginTop = "%|length|auto|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
% | Menggunakan persen lebar elemen induk untuk menentukan margin atas |
length | Menggunakan satuan panjang untuk menentukan margin atas |
auto | Pengaturan margin atas di browser |
initial | Menetapkan atribut ini ke nilai baku. Lihat initial。 |
inherit | Mengambil atribut ini dari elemen induk. Lihat inherit。 |
Detil teknis
Nilai baku: | 0 |
---|---|
Nilai kembalian: | String, menunjukkan margin atas elemen. |
Versi CSS: | CSS1 |
Pembukaan browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |
- Halaman Sebelumnya marginRight
- Halaman Berikutnya maxHeight
- Kembali ke Lapisan Atas Objek Style HTML DOM