CSS marge-bottom Eiendom
Voorbeeld
Stel die onderste kantlyn vir 'n <p>-element op 25 piksels:
p.ex1 {
margin-bottom: 25px;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die margin-bottom
eienskap stel die onderste marge van 'n element.
Let wel: Negatiewe waardes word toegelaat.
Standaard waarde: | 0 |
---|---|
Geërf: | geen |
Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
Weergawe: | CSS1 |
JavaScript-sintaksis: | voorwerp .style.marginBottom="100px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
margin-bottom | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
CSS-sintaksis
margin-bottom: length|auto|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
length | Specifies a fixed bottom margin in px, cm, em, etc. Default value is 0. Negative values are allowed. Read about length units | |
% | Specifies a bottom margin in percent of the width of the containing element | |
auto | The browser calculates a bottom margin | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Marge ineenstort
Boonste en onderste marges van elemente word soms in 'n enkele marge inmekaargevou wat gelyk is aan die grootste van die twee kantlyne.
Dit gebeur nie op horisontale (links en regter) kantlyne nie! Slegs vertikale (bo en onder) marges!
Kyk na die volgende voorbeeld:
Voorbeeld
p.a {
margin: 30px 0;
}
p.b {
margin: 20px 0;
}
In die voorbeeld hierbo het die <p class="a">-element 'n boonste en onderste marge van 30px. Die <p class="b">-element het 'n boonste en onderste kantlyn van 20px.
Dit beteken dat die vertikale marge tussen <p class="a"> en <p class="b"> 50px (30px + 20px) moet wees. Maar as gevolg van ineenstorting van die marge, is die werklike marge uiteindelik 30 px!
Meer voorbeelde
Voorbeeld
Stel die onderste kantlyn vir 'n <p>-element op 10% van die breedte van die houer:
p.ex1 {
margin-bottom: 10%;
}
Voorbeeld
Stel die onderste kantlyn vir 'n <p>-element op 2 em:
p.ex1 {
margin-bottom: 2em;
}
Verwante bladsye
CSS handleiding: CSS Marge
HTML DOM verwysing: marginBottom eiendom