Stylmarge Eiendom _
Voorbeeld
Stel al vier kantlyne van 'n <div>-element:
document.getElementById("myDiv").style.margin = "50px 10px 20px 30px";
Definisie en gebruik
Die marge-eienskap stel of gee die marges van 'n element terug.
Hierdie eiendom kan van een tot vier waardes neem:
- Een waarde, soos: div {margin: 50px} - al vier kantlyne sal 50px wees
- Twee waardes, soos: div {margin: 50px 10px} - die boonste en onderste kantlyne sal 50px wees, linker- en regterkantlyne sal 10px wees
- Drie waardes, soos: div {marge: 50px 10px 20px}- die boonste kantlyn sal 50px wees, linker- en regterkantlyn sal 10px wees, onderste kantlyn sal 20px wees
- Vier waardes, soos: div {marge: 50px 10px 20px 30px} - die boonste kantlyn sal 50px wees, regterkantlyn sal 10px wees, onderste kantlyn sal 20px wees, linkerkantlyn sal 30px wees
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 | |||||
---|---|---|---|---|---|
margin | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die marge-eienskap terug:
object.style.margin
Stel die marge-eienskap:
object.style.margin = "%|length|auto|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
% | Defines the margins in % of the width of the parent element |
length | Defines the margins in length units |
auto | The browser sets the margins (all four margins will be equal) |
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 kantlyne van 'n element voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander al vier kantlyne van 'n <div>-element na "25px":
document.getElementById("myDiv").style.margin = "25px";
Voorbeeld
Gee die kantlyne van 'n <div>-element terug:
alert(document.getElementById("myDiv").style.margin);
Voorbeeld
Verskil tussen die marge-eienskap en die opvulling-eienskap:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Verwante bladsye
CSS handleiding: CSS Marge
CSS verwysing: marge eiendom
❮ Stylvoorwerp