CSS margin Property
 Complete CSS Reference
Example
Set all the four margins of a p element:
p
{
margin:2cm 4cm 3cm 4cm;
} |
Try it yourself »
|
Definition and Usage
The margin shorthand property sets all the margin properties in one declaration. This property can have from one to four values.
Examples:
- margin:10px 5px 15px 20px;
- top margin is 10px
- right margin is 5px
- bottom margin is 15px
- left margin is 20px
- margin:10px 5px 15px;
- top margin is 10px
- right and left margins are 5px
- bottom margin is 15px
- margin:10px 5px;
- top and bottom margins are 10px
- right and left margins are 5px
- margin:10px;
- all four margins are 10px
Note: Negative values are allowed.
| Default value: |
0 |
| Inherited: |
no |
| Version: |
CSS1 |
| JavaScript syntax: |
object.style.margin="10px 5px" |
Browser Support
The margin 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 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 |
Related Pages
CSS tutorial: CSS Margin
HTML DOM reference: margin property
Complete CSS Reference
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
| 
