Style marginTop-eigenschap

Definitie en gebruik

marginTop Eigenschap instellen of retourneren van de bovenste buitenmarge van het element.

Margin-eigenschap en Padding-eigenschap Stellen ze ruimte in om de elementen heen. 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-top-eigenschap

HTML DOM Referentiemanual:Margin-eigenschap

Voorbeeld

Voorbeeld 1

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

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

Probeer het zelf

Voorbeeld 2

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

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

Probeer het zelf

Voorbeeld 3

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

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

Probeer het zelf

Voorbeeld 4

Het verschil tussen marginTop en paddingTop:

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

Probeer het zelf

Syntaxis

Retourneer de marginTop-eigenschap:

object.style.marginTop

Stel de marginTop-eigenschap in:

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

Eigenschapswaarde

Waarde Beschrijving
% Definieer de bovenste buitenmarge als een percentage van de breedte van het ouderlijke element.
length Definieer de bovenste buitenmarge met een lengte-eenheid.
auto Browser instellingen voor de bovenste buitenmarge.
initial Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: Een string die de bovenste 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