The margin defines an area around an element (outside the border). The margin does not have a background color, and is completely transparent. The top, right, bottom, and left margin can be changed independently using separate properties. A shorthand margin property can also be used, to change all margins at once. The possible values for margin property are:
Value | Description |
---|---|
auto | The browser calculates a margin |
length | Specifies a margin in px, pt, cm, etc. Default value is 0px |
% | Specifies a margin in percent of the width of the containing element |
inherit | Specifies that the margin should be inherited from the parent element |
Note: It is also possible to use negative values, to overlap content.