Please visit our sponsors !
The margin property
The margin property is a shorthand property for setting all of the properties for the four margins
in one declaration.
Note: Negative values are allowed.
Inherited: No
Example
h1
{margin: 10px}
all four margins will be 10px
h1
{margin: 10px 2%}
top and bottom margin will be 10px, left and right margin will be 2% of the total
width of the
document.
h1
{margin: 10px 2% -10px}
top margin will be 10px, left and right margin will be 2% of the total width of the
document, bottom margin will be -10px
h1
{margin: 10px 2% -10px auto}
top margin will be 10px, right margin will be 2% of the total width of the
document, bottom margin will be -10px, left margin will be set by
the browser
|
Possible Values
Value |
Description |
NN |
IE |
margin-top
margin-right
margin-bottom
margin-left |
Sets the properties for the margins. The values comes in %
(defines a margin in % of the total height/width of the
document), length (defines a fixed margin), and auto (the browser sets a margin). |
4.0 |
4.0 |
Browser Notes
Note in IE 4.0+:
- This property does not work with inline elements
- The "margin-bottom" property does not work with table
cells
Note in IE 5.5 Beta 1:
- This property works with inline elements
Notes in Netscape 4.0+:
- This property does not work properly with inline elements, input
fields, images, and list items
- This property ignores negative values
|
Jump to: Top of Page
or HOME or
Printer friendly page
Search W3Schools:
What Others Say About Us
Does the world know about us? Check out these places:
Dogpile
Alta Vista
MSN
Google
Excite
Lycos
Yahoo
Ask Jeeves
We Help You For Free. You Can Help Us!
W3Schools is for training only. We do not warrant its correctness or its fitness for use.
The risk of using it remains entirely with the user. While using this site, you agree to have read and accepted our
terms of use and
privacy policy.
Copyright 1999-2002 by Refsnes Data. All Rights Reserved
|