Atribut Style marginTop

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";

Coba sendiri

Contoh 2

Kembalikan margin atas elemen <div> ke "normal":

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

Coba sendiri

Contoh 3

Mengembalikan margin atas elemen <div>:

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

Coba sendiri

Contoh 4

Perbedaan antara marginTop dan paddingTop:

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

Coba sendiri

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