Beispiel
Stellen Sie den rechten Rand eines <div> Element:
document.getElementById("myDiv").style.marginRight = "50px"; Versuch es selber " Definition und Verwendung
Die marginEigenschaftsSätze oder gibt den rechten 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 margin Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die margin Eigenschaft:
object .style.marginRight
Stellen Sie die margin Eigenschaft:
object .style.marginRight=" Eigenschaftswerte Wert Beschreibung % Definiert den rechten Rand in% der Breite des Mutterelements length Definiert den rechten Rand in Längeneinheiten auto Der Browser setzt den rechten 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: Ein String, die den rechten Rand eines Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie den rechten Rand eines <div> Element zurück zu "normal" :
document.getElementById("myDiv").style.marginRight = "0px"; Versuch es selber "
Beispiel
Bringen Sie den rechten Rand eines <div> Element:
alert(document.getElementById("myDiv").style.marginRight);
Versuch es selber "
Beispiel
Der Unterschied zwischen margin und paddingRight:
function changeMargin() {
document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingRight = "200px";
}
Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Margin
CSS - Referenz: margin-right property - margin-right property
HTML - DOM - Referenz: margin property
<Style - Objekt