StijlmargeTop Property _
Voorbeeld
Stel de bovenmarge van een <div> element in:
document.getElementById("myDiv").style.marginTop = "50px";
Definitie en gebruik
Met de eigenschap marginTop wordt de bovenmarge van een element ingesteld of geretourneerd.
Zowel de marge-eigenschap als de padding-eigenschap voegen ruimte in rond een element. Het verschil is echter dat marge de ruimte rond de rand invoegt, terwijl opvulling de ruimte binnen de rand van een element invoegt.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
marginTop | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap marginTop:
object.style.marginTop
Stel de eigenschap marginTop in:
object.style.marginTop = "%|length|auto|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
% | Defines the top margin in % of the width of the parent element |
length | Defines the top margin in length units |
auto | The browser sets the top margin |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | 0 |
---|---|
Winstwaarde: | Een tekenreeks, die de bovenmarge van een element vertegenwoordigt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Verander de bovenmarge van een <div> element terug naar "normaal":
document.getElementById("myDiv").style.marginTop = "0px";
Voorbeeld
Retourneert de bovenmarge van een <div>-element:
alert(document.getElementById("myDiv").style.marginTop);
Voorbeeld
Verschil tussen marginTop en paddingTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-marge
CSS-referentie: eigenschap margin-top
HTML DOM-referentie: marge-eigenschap
❮ Stijlobject