CSS margin-bottom Property

CSS Reference Complete CSS Reference

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: No versions of Internet Explorer (including IE8) support the property value "inherit".


Property Values

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


Related Pages

CSS tutorial: CSS Margin

HTML DOM reference: marginBottom property


CSS Reference Complete CSS Reference