CSS margin-boven eigenschap

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;
  }

Probeer het zelf uit

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