# Property Description

The margin shorthand property sets all of the margin properties in one declaration. This property can accept from one to four values.

    margin:
      <top> <right> <bottom> <left>

If all four values are provided, the margins are as specified.

    margin:
      <top> <right/left> <bottom>

If three values are provided, right and left margin are set as middle value.

    margin:
      <top/bottom> <right/left>

If two values are provided, top and bottom margin are set as the first value, right and left margin are set as second value.

    margin:
      <top/right/bottom/left>

If one value is provided, all four margin values are set the same.

# Property Values

Value | Description
--- | ---
auto | The browser calculates a margin
length | (default is 0) Specifies a margin in px, pt, cm, etc. Value can be negative
% | Specifies a margin in percent of the width of the containing element. Value can be negative
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example sets the padding for paragraph elements.

    p {
      margin:2cm 4cm 3cm 4cm;
    }

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | No
Defined In: | CSS1