Properti HTML DOM Style marginTop
Definisi dan Penggunaan
marginTop set properti atau mengembalikan elemen pada margin.
tatabahasa
Pengaturan properti marginTop:
Object.style.marginTop="%|length|auto|inherit"
Sifat Kembali marginTop:
Object.style.marginTop
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上外边距。 |
length | 使用 px、cm 等单位定义上外边距的宽度。 |
auto | 浏览器设定的上外边距。 |
inherit | 上外边距从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti marginTop.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
Tips dan Catatan
properti margin dan padding dimasukkan ke dalam ruang di sekitar elemen. Namun, perbedaan tersebut, marjin akan dimasukkan ke dalam ruang di sekitar luar perbatasan, ruang sisipan bantalan dalam perbatasan elemen.
contoh
contoh
Mengubah div elemen pada margin:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
div {
border: 1px solid # FF0000;
}
</ Style>
<Script>
Fungsi changeMargin () {
document.getElementById ( "ex1") style.marginTop = "100px" .;
}
Fungsi changePadding () {
document.getElementById ( "ex2") style.paddingTop = "100px" .;
}
</ Script>
</ Kepala>
<Body>
<Div id = "ex1"> Ini adalah beberapa teks. </ Div>
Situs
<Jenis Tombol = "button" onclick = "changeMargin ()"> Modifikasi elemen div di atas jarak luar </ button>
Situs
Situs
<Div id = "ex2"> Ini adalah beberapa teks. </ Div>
Situs
<Tombol type = "button" onclick = "changePadding ()"> modifikasi dalam bagian atas dari elemen div jarak </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
div {
border: 1px solid # FF0000;
}
</ Style>
<Script>
Fungsi changeMargin () {
document.getElementById ( "ex1") style.marginTop = "100px" .;
}
Fungsi changePadding () {
document.getElementById ( "ex2") style.paddingTop = "100px" .;
}
</ Script>
</ Kepala>
<Body>
<Div id = "ex1"> Ini adalah beberapa teks. </ Div>
Situs
<Jenis Tombol = "button" onclick = "changeMargin ()"> Modifikasi elemen div di atas jarak luar </ button>
Situs
Situs
<Div id = "ex2"> Ini adalah beberapa teks. </ Div>
Situs
<Tombol type = "button" onclick = "changePadding ()"> modifikasi dalam bagian atas dari elemen div jarak </ button>
</ Body>
</ Html>
Coba »
gaya Objects