Beispiel
Stellen Sie die Top-Polsterung eines <div> Element:
document.getElementById("myDiv").style.paddingTop = "50px"; Versuch es selber " Definition und Verwendung
Die paddingTop Eigenschaftssätze oder gibt die obere Polsterung eines Element.
Die Polstereigenschaften definieren den Raum zwischen dem Element und dem Rand Elementgehalt.
Sowohl die Rand-Eigenschaft und die Eigenschaft padding Einlegeraum um ein Element. Jedoch ist der Unterschied, dass Rand den Raum um den Rand einfügt, während padding den Raum innerhalb der Grenze eines Elements einfügt.
Browser-Unterstützung
Die paddingTop Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die paddingTop Eigenschaft:
object .style.paddingTop
Stellen Sie die paddingTop Eigenschaft:
object .style.paddingTop=" Eigenschaftswerte Wert Beschreibung % Definiert die obere Polsterung in% der Breite des Mutterelementes length Definiert die obere Polsterung in Längeneinheiten initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: 0 Rückgabewert: Eine Schnur, die den oberen Polsterung eines Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie die Top-Polsterung eines <div> Element zurück zu "normal" :
document.getElementById("myDiv").style.paddingTop = "0px"; Versuch es selber "
Beispiel
Bringen Sie die Top-Polsterung eines <div> Element:
alert(document.getElementById("myDiv").style.paddingTop);
Versuch es selber "
Beispiel
Der Unterschied zwischen MarginTop und paddingTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Padding
CSS - Referenz: padding-top property - padding-top property
HTML - DOM - Referenz: padding property - padding property
<Style - Objekt