Style marginBottom Eigenschaft

Definition und Verwendung

marginBottom Eigenschaft setzt oder gibt den unteren Außenabstand des Elements zurück.

margin-Eigenschaft und padding-Eigenschaft Legen sie Platz um das Element. Der Unterschied besteht darin, dass margin Platz um den Rahmen einfügt, während padding im Rahmen des Elements Platz einfügt.

Weitere Informationen:

CSS教程:CSS-Außenabstand

CSS Referenzhandbuch:margin-bottom-Eigenschaft

HTML DOM Referenzhandbuch:margin-Eigenschaft

Beispiel

Beispiel 1

Setzen Sie den unteren Außenabstand des <div>-Elements:

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

Probieren Sie es selbst aus

Beispiel 2

Setzen Sie den unteren Außenabstand des <div>-Elements zurück auf "normal":

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

Probieren Sie es selbst aus

Beispiel 3

Rückgabe des unteren Außenabstands des <div>-Elements:

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

Probieren Sie es selbst aus

Beispiel 4

Unterschied zwischen marginBottom und paddingBottom:

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

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft marginBottom:

object.style.marginBottom

Setzen Sie die Eigenschaft marginBottom:

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

Eigenschaftswert

Wert Beschreibung
% Den unteren Außenabstand in Prozent der Breite des übergeordneten Elements definieren.
length Den unteren Außenabstand mit einer Längenangabe definieren.
auto Browser-Einstellungen für den unteren Außenabstand.
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 den unteren Außenabstand des Elements darstellt.
CSS Version: CSS1

Browser-Unterstützung

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