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