CSS margin Property
 Complete CSS Reference
Example
Set all the margins of a p element:
p
{
margin:2cm 4cm 3cm 4cm;
} |
|
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: Internet Explorer does not 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
Reliable, Affordable, Feature-Rich Web Hosting!
Take the uncertainty out of Web hosting and let
GoDaddy.com put service, performance and value back in. No matter which
hosting type or plan you choose, your site receives 24/7
maintenance and protection in our world-class data center. Plus,
you get the expert, friendly service you deserve, from the
world's largest hostname provider.
With three plans to choose from and
prices starting at just $4.99 per month, GoDaddy.com is sure to have a plan that's
right-sized and right-priced just for you!
All plans feature FREE 24x7 setup, FREE 24x7 monitoring, best-
of-breed routers, firewalls and servers, 24x7 onsite physical security
and access to our exclusive Go Daddy Hosting Connection, THE place
to install over 30 FREE applications. Virtual Dedicated and Dedicated
Server plans also available.
Visit GoDaddy.com today.
Virtual Dedicated, Dedicated Server and unlimited plans also available.
Save 20% on 12 months or more of shared web hosting - Enter code w3s20off at checkout
| 
