Beispiel
Stellen Sie den oberen Rand eines <div> Element:
document.getElementById("myDiv").style.marginTop = "50px"; Versuch es selber " Definition und Verwendung
Die MarginTop Eigenschaftssätze oder gibt den oberen Rand eines Elements.
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 MarginTop Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die MarginTop Eigenschaft:
object .style.marginTop
Stellen Sie die MarginTop Eigenschaft:
object .style.marginTop=" Eigenschaftswerte Wert Beschreibung % Definiert den oberen Rand in% der Breite des Mutterelements length Definiert den oberen Rand in Längeneinheiten auto Der Browser stellt den oberen Rand 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 Rand eines Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie den oberen Rand eines <div> Element zurück zu "normal" :
document.getElementById("myDiv").style.marginTop="0px"; Versuch es selber "
Beispiel
Bringen Sie den oberen Rand eines <div> Element:
alert(document.getElementById("myDiv").style.marginTop);
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 Margin
CSS - Referenz: margin-top property - margin-top property
HTML - DOM - Referenz: margin property
<Style - Objekt