Search w3schools.com:

SHARE THIS PAGE

CSS Reference

CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser Support

CSS Properties

CSS margin-bottom Property


Example

Set the bottom margin for a p element:

p
{
margin-bottom:2cm;
}

Try it yourself »

Definition and Usage

The margin-bottom property sets the bottom margin of an element.

Note: Negative values are allowed.

Default value: 0
Inherited: no
Version: CSS1
JavaScript syntax: object.style.marginBottom="10px"


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The margin-bottom property is supported in all major browsers.

Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".


Property Values

Value Description Play it
auto The browser calculates a bottom margin Play it »
length Specifies a fixed bottom margin in px, pt, cm, etc. Default value is 0px Play it »
% Specifies a bottom margin in percent of the width of the containing element Play it »
inherit Specifies that the bottom margin should be inherited from the parent element


Related Pages

CSS tutorial: CSS Margin

HTML DOM reference: marginBottom property



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]