Styl margeTop Eiendom
Voorbeeld
Stel die boonste kantlyn van 'n <div>-element:
document.getElementById("myDiv").style.marginTop = "50px";
Definisie en gebruik
Die marginTop-eienskap stel of gee die boonste marge van 'n element terug.
Beide die marge-eienskap en die padding-eienskap voeg spasie om 'n element in. Die verskil is egter dat marge die spasie om die grens invoeg, terwyl opvulling die spasie binne die grens van 'n element invoeg.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
marginTop | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die marginTop-eienskap terug:
object.style.marginTop
Stel die marginTop-eienskap:
object.style.marginTop = "%|length|auto|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | 0 |
---|---|
Terugkeerwaarde: | 'n String, wat die boonste kantlyn van 'n element verteenwoordig |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die boonste kantlyn van 'n <div> element terug na "normaal":
document.getElementById("myDiv").style.marginTop = "0px";
Voorbeeld
Gee die boonste kantlyn van 'n <div>-element terug:
alert(document.getElementById("myDiv").style.marginTop);
Voorbeeld
Verskil tussen marginTop en paddingTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Verwante bladsye
CSS handleiding: CSS Marge
CSS verwysing: marge-top eiendom
HTML DOM verwysing: marge eiendom
❮ Stylvoorwerp