Difference between revisions of "CSS GUIDE MARGIN"
(→Usage Examples) |
(→Usage Examples) |
||
| Line 22: | Line 22: | ||
h1 {margin: 10px} | h1 {margin: 10px} | ||
all four margins will be 10px | all four margins will be 10px | ||
| − | + | </pre> | |
| + | <pre> | ||
h1 {margin: 10px 2%} | 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. | top and bottom margin will be 10px, left and right margin will be 2% of the total width of the document. | ||
| − | + | </pre> | |
| + | <pre> | ||
h1 {margin: 10px 2% -10px} | 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 | top margin will be 10px, left and right margin will be 2% of the total width of the document, bottom margin will be -10px | ||
| − | + | </pre> | |
| + | <pre> | ||
h1 {margin: 10px 2% -10px auto} | 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 | 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 | ||
Revision as of 14:07, 8 December 2006
Contents
Summary
The margin property is used for setting the four margins in one declaration.
Inherited: No
Syntax
TARGET_ELEMENT {margin: 10px}
Legal Values
Values can be specified as pixels (px) or percentage (%)
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).
Negative values are allowed.
Mozilla Recommended Values
Usage Examples
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
