Quackit Logo
Sponsored Links
$1.99 Domain Names
With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.
Create free Flash websites

CSS margin

Print Version

Also see the full, alphabetical list of CSS properties


The CSS margin property is shorthand for specifying margin width on all sides of an element. It is classed as "shorthand" because it sets the margin-top, margin-right, margin-bottom and margin-left properties all in one place.

Syntax: margin: <value1> <value2> ...;
Possible Values:
  • <margin-width> (specify one for each side, or 1 for all)
  • inherit
Initial Value: not defined
Applies to: All elements
Inherited: No
Media: Visual
Example:
margin:10px;
  • All four sides have a margin of 10 pixels.
margin:10px 20px;
  • Top and bottom have a margin of 10 pixels.
  • Right and left have a margin of 20 pixels.
margin:10px 20px 30px;
  • Top is 10px
  • Left and right are 20px
  • Bottom is 30px
margin:10px 20px 30px 40px;
  • Top is 10px
  • Right is 20px
  • Bottom is 30px
  • Left is 40px
Try it yourself!


Also see all CSS properties listed alphabetically


Enjoy this website?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Help support Quackit by making a donation
  4. Add this page to your favorite social bookmarks sites:      

Oh, and thank you for supporting Quackit!

FREE Hosting!
With every domain you register with ZappyHost you get FREE hosting.
Need Website Content?
Get unique, quality digital content for your website.
  • 270+ Website Templates
  • 800+ Flash Templates
  • 25,000+ Images, Logos
  • 30,000+ e-Books
  • 15,000+ Scripts
  • 27,000+ Animated GIFs
  • 21,000+ Ringtones
  • ...and much more!
Get your content now!
© Copyright 2000 - 2010 Quackit.com