CSS margin-bottom eigenschap

Definitie en gebruik

De eigenschap margin-bottom stelt de onderste bovenspacing van het element in.

Opmerking:Negatieve waarden zijn toegestaan.

Zie ook:

CSS tutorial:CSS marge

HTML DOM referentiemanual:marginBottom eigenschap

Voorbeeld

Stel de onderste bovenspacing van het p-element in:

p
  {
  margin-bottom:2cm;
  }

Probeer het zelf uit

Meer voorbeelden zijn te vinden aan de onderkant van de pagina.

CSS syntaxis

margin-bottom: length|auto|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
auto De browser berekent de onderste bovenspacing.
length Specificeer de waarde van de onderste bovenspacing met een specifieke eenheid, zoals pixels, centimeters, enz. De standaardwaarde is 0px.
% Specificeer de onderste bovenspacing in percentages van de breedte van de omvattende element.
inherit Het wordt voorgestaan dat de onderste bovenspacing van het element van de ouder-element wordt geërfd.

Technische details

Standaardwaarde: 0
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.marginBottom="10px"

Meer voorbeelden

Instellen van de onderste bovenspacing van tekst 1
Dit voorbeeld toont hoe je de onderste bovenspacing van tekst kunt instellen met centimeterwaarden.
Instellen van de onderste bovenspacing van tekst 2
Dit voorbeeld toont hoe je de onderste bovenspacing van tekst kunt instellen met percentagewaarden.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5