Style marginBottom property

Definitie en gebruik

marginBottom eigenschappen instellen of retourneren van de onderste buitendiameter van het element.

margin-eigenschap en padding-eigenschap Plaats ruimte rond het element. Het verschil is dat margin ruimte invoegt rond de randen, terwijl padding ruimte invoegt binnen de randen van het element.

Zie ook:

CSS handleiding:CSS margin

CSS referentiemanual:margin-bottom-eigenschap

HTML DOM referentiemanual:margin-eigenschap

Voorbeeld

Voorbeeld 1

Instellen van de onderste buitendiameter van het <div>-element:

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

Probeer het zelf

Voorbeeld 2

Stel de onderste buitendiameter van het <div>-element terug in op "normal":

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

Probeer het zelf

Voorbeeld 3

Retourneer de onderste buitendiameter van het <div>-element:

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

Probeer het zelf

Voorbeeld 4

Het verschil tussen marginBottom en paddingBottom:

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

Probeer het zelf

Syntax

Retourneren van de marginBottom-eigenschap:

object.style.marginBottom

Instellen van de marginBottom-eigenschap:

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

Eigenschapswaarde

Waarde Beschrijving
% Definieer de onderste buitendiameter als een percentage van de breedte van het ouder-element.
length Definieer de onderste buitendiameter met een lengte-eenheid.
auto browserinstellingen van de onderste buitendiameter.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inheritere deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: String die de onderste buitendiameter van het element aangeeft.
CSS versie: CSS1

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support