HTML-DOM Stil paddingTop Eigenschaft
Definition und Verwendung
Die Margen auf paddingTop Eigenschaftssätze oder gibt die Elemente innerhalb.
Raum padding Eigenschaft definiert die Elementbegrenzung und den Elementinhalt zwischen.
Grammatik
Einstellen paddingTop Eigenschaften:
Object.style.paddingTop="%|length|inherit"
Zurück paddingTop Eigenschaften:
Object.style.paddingTop
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上内边距。 |
length | 使用 px、cm 等单位定义上内边距的宽度。 |
inherit | 上内边距从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen paddingTop 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-Elemente auf dem inneren 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