Style paddingTop- Eigenschaft
Beispiel
Legen Sie die obere Polsterung eines <div> -Elements fest:
document.getElementById("myDiv").style.paddingTop = "50px";
Definition und Verwendung
Die Eigenschaft paddingTop setzt oder gibt den oberen Abstand eines Elements zurück.
Die Padding-Eigenschaften definieren den Abstand zwischen dem Elementrand und dem Elementinhalt.
Sowohl die Eigenschaft margin als auch die Eigenschaft padding fügen Leerzeichen um ein Element ein. Der Unterschied besteht jedoch darin, dass margin den Abstand um den Rand einfügt, während padding den Abstand innerhalb des Rands eines Elements einfügt.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
paddingTop | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft paddingTop zurück:
object.style.paddingTop
Legen Sie die Eigenschaft paddingTop fest:
object.style.paddingTop = "%|length|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
% | Defines the top padding in % of the width of the parent element |
length | Defines the top padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | 0 |
---|---|
Rückgabewert: | Ein String, der die obere Auffüllung eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändere die obere Polsterung eines <div>-Elements wieder auf „normal“:
document.getElementById("myDiv").style.paddingTop = "0px";
Beispiel
Gibt die obere Auffüllung eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.paddingTop);
Beispiel
Unterschied zwischen marginTop und paddingTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Verwandte Seiten
CSS-Tutorial: CSS-Padding
CSS-Referenz: Eigenschaft padding-top
HTML-DOM-Referenz: Padding-Eigenschaft
❮ Style-Objekt