CSS marge-top Eiendom
Voorbeeld
Stel die boonste kantlyn vir 'n <p>-element op 25 piksels:
p.ex1 {
margin-top: 25px;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die margin-top
eienskap stel die boonste 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.marginTop="100px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
margin-top | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
CSS-sintaksis
margin-top: length|auto|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
length | Specifies a fixed top margin in px, pt, cm, etc. Default value is 0px. Negative values are allowed. Read about length units | |
% | Specifies a top margin in percent of the width of the containing element | |
auto | The browser calculates a top 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 boonste kantlyn vir 'n <p>-element op 10% van die breedte van die houer:
p.ex1 {
margin-top: 10%;
}
Voorbeeld
Stel die boonste kantlyn vir 'n <p>-element op 2 em:
p.ex1 {
margin-top: 2em;
}
Verwante bladsye
CSS handleiding: CSS Marge
HTML DOM verwysing: marginTop eiendom