Style marginTop Eigenschaft

Definition und Verwendung

marginTop Eigenschaft setzt oder gibt die obere Außenmarke des Elements zurück.

margin-Eigenschaft und padding-Eigenschaft Erzeugt Platz um das Element. Der Unterschied besteht darin, dass margin Platz um den Rahmen einsetzt, während padding im Rahmen des Elements gesetzt wird.

Weitere Informationen:

CSS-Tutorial:CSS-Außenabstand

CSS Referenzhandbuch:margin-top-Eigenschaft

HTML DOM Referenzhandbuch:margin-Eigenschaft

Beispiel

Beispiel 1

Setzen Sie die obere Außenmarke des <div>-Elements:

document.getElementById("myDiv").style.marginTop = "50px";

Probieren Sie es selbst aus

Beispiel 2

Setzen Sie die obere Außenmarke des <div>-Elements zurück auf "normal":

document.getElementById("myDiv").style.marginTop = "0px";

Probieren Sie es selbst aus

Beispiel 3

Rückgabe der oberen Außenmarke des <div>-Elements:

alert(document.getElementById("myDiv").style.marginTop);

Probieren Sie es selbst aus

Beispiel 4

Unterschied zwischen marginTop und paddingTop:

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

Probieren Sie es selbst aus

Syntax

Rückgabe der marginTop-Eigenschaft:

object.style.marginTop

Setzen Sie die marginTop-Eigenschaft:

object.style.marginTop = "%|length|auto|initial|inherit"

Eigenschaftswert

Wert Beschreibung
% Die obere Außenmarke wird als Prozentsatz der Breite des übergeordneten Elements definiert.
length Die obere Außenmarke wird durch eine Längenangabe definiert.
auto Browser-Einstellungen für die obere Außenmarke.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Zeichenkette, die die obere Außenmarke des Elements darstellt.
CSS-Version: CSS1

Browser unterstützt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung