Style marginLeft property

Definitie en gebruik

marginLeft Eigenschap instellen of retourneren van de linkse buitenmarge 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 referentiehandleiding:margin-left-eigenschap

HTML DOM referentiehandleiding:Margin-eigenschap

Voorbeeld 1

Stel de linkse buitenmarge van het <div>-element in:

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

Probeer het zelf

Voorbeeld 2

Stel de linkse buitenmarge van het <div>-element terug in op "normal":

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

Probeer het zelf

Voorbeeld 3

Retourneer de linkse buitenmarge van het <div>-element:

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

Probeer het zelf

Voorbeeld 4

Het verschil tussen marginLeft en paddingLeft:

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

Probeer het zelf

Syntaxis

Retourneer de marginLeft-eigenschap:

object.style.marginLeft

Stel de marginLeft-eigenschap in:

object.style.marginLeft = "%|length|auto|inherit"

Eigenschapswaarde

Waarde Beschrijving
% Definieer de linkse buitenmarge als een percentage van de breedte van het ouder element.
length Definieer de linkse buitenmarge met een lengte-eenheid.
auto Browser instellen van de linkse buitenmarge.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: Een string die de linkse buitenmarge van het element aangeeft.
CSS versie: CSS1

Browser ondersteunt

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