Style marginTop- Eigenschaft
Beispiel
Legen Sie den oberen Rand eines <div>-Elements fest:
document.getElementById("myDiv").style.marginTop = "50px";
Definition und Verwendung
Die Eigenschaft marginTop legt den oberen Rand eines Elements fest oder gibt ihn zurück.
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 | |||||
---|---|---|---|---|---|
marginTop | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft marginTop zurück:
object.style.marginTop
Legen Sie die Eigenschaft marginTop fest:
object.style.marginTop = "%|length|auto|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
% | Defines the top margin in % of the width of the parent element |
length | Defines the top margin in length units |
auto | The browser sets the top margin |
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 den oberen Rand eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändere den oberen Rand eines <div>-Elements wieder auf „normal“:
document.getElementById("myDiv").style.marginTop = "0px";
Beispiel
Gibt den oberen Rand eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.marginTop);
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-Rand
CSS-Referenz: margin-top-Eigenschaft
HTML-DOM-Referenz: Margin-Eigenschaft
❮ Style-Objekt