CSS margin-boven eigenschap
- De vorige pagina margin-right
- Volgende pagina marker
Definitie en gebruik
De eigenschap margin-top stelt de bovenste margin van het element in.
Opmerking:Negatieve waarden zijn toegestaan.
Zie ook:
CSS tutorial:CSS marge
HTML DOM referentiehandleiding:marginTop eigenschap
Voorbeeld
Instellen van de bovenste margin van het p-element:
p { margin-top:2cm; }
Meer voorbeelden zijn te vinden aan de onderkant van de pagina.
CSS syntax
margin-top: length|auto|initial|inherit;
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
auto | De bovenste margin ingesteld door de browser. |
length | Definieer een vaststaande bovenste margin. De standaardwaarde is 0. |
% | Specificeer de bovenste margin in procenten van de breedte van het bevatte element. |
inherit | Stelt dat de bovenste margin van de ouder-element moet worden geërfd. |
Technische details
Standaardwaarde: | 0 |
---|---|
Inheritance: | nee |
Versie: | CSS1 |
JavaScript syntax: | object.style.marginTop="10px" |
Meer voorbeelden
- Instellen van de bovenste margin van tekst 1
- Dit voorbeeld demonstreert hoe je de bovenste marges van tekst kunt instellen met centimeterwaarden.
- Instellen van de bovenste margin van tekst 2
- Dit voorbeeld demonstreert hoe je de bovenste marges van tekst kunt instellen met percentagewaarden.
Browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- De vorige pagina margin-right
- Volgende pagina marker