HTML-DOM Stil MarginTop Eigenschaft
Definition und Verwendung
MarginTop Eigenschaft legt Gibt das Element am Rand.
Grammatik
Einstellen MarginTop Eigenschaften:
Object.style.marginTop="%|length|auto|inherit"
Zurück MarginTop Eigenschaften:
Object.style.marginTop
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上外边距。 |
length | 使用 px、cm 等单位定义上外边距的宽度。 |
auto | 浏览器设定的上外边距。 |
inherit | 上外边距从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen MarginTop Eigenschaft.
Hinweis: IE7 und früheren Versionen nicht unterstützen , die "erben" Wert.IE8 bietet nur! DOCTYPE unterstützt "erben". IE9 Unterstützung "erben".
Tipps und Hinweise
Randeigenschaften und Polstereigenschaften werden in den Raum um das Element eingefügt. Jedoch ist die Differenz, margin wird in den Raum um die Außenseite der Grenze, padding Einsätze Raum innerhalb des Elementbegrenzung eingesetzt werden.
Beispiele
Beispiele
Ändern Sie div-Element an den Rand:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Style type = "text / css">
div {
border: 1px solid # FF0000;
}
</ Style>
<Script>
Funktion changeMargin () {
document.getElementById ( "EX1") style.marginTop = "100px" .;
}
Funktion changePadding () {
document.getElementById ( "EX2") style.paddingTop = "100px" .;
}
</ Script>
</ Head>
<Body>
<Div id = "EX1"> Dies ist ein Text. </ Div>
<br>
<Taste type = "button" Onclick = "changeMargin ()"> Ändern Sie div-Element an der Spitze des äußeren Abstand </ button>
<br>
<br>
<Div id = "EX2"> Dies ist ein Text. </ Div>
<br>
<Taste type = "button" Onclick = "changePadding ()"> Änderungen innerhalb der Oberseite des div Elementabstand </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Style type = "text / css">
div {
border: 1px solid # FF0000;
}
</ Style>
<Script>
Funktion changeMargin () {
document.getElementById ( "EX1") style.marginTop = "100px" .;
}
Funktion changePadding () {
document.getElementById ( "EX2") style.paddingTop = "100px" .;
}
</ Script>
</ Head>
<Body>
<Div id = "EX1"> Dies ist ein Text. </ Div>
<br>
<Taste type = "button" Onclick = "changeMargin ()"> Ändern Sie div-Element an der Spitze des äußeren Abstand </ button>
<br>
<br>
<Div id = "EX2"> Dies ist ein Text. </ Div>
<br>
<Taste type = "button" Onclick = "changePadding ()"> Änderungen innerhalb der Oberseite des div Elementabstand </ button>
</ Body>
</ Html>
Versuchen »
Style - Objekte