Make your own free website on Tripod.com

Margin

Syntax: margin: <value>
Possible Values: [ <length> | <percentage> | auto ]{1,4}
Initial Value: Not defined
Applies to: All elements
Inherited: No

The margin property sets the margins of an element by specifying between one and four values, where each value is a length, a percentage, or auto. Percentage values refer to the parent element's width. Negative margins are permitted.

If four values are given, they apply to top, right, bottom, and left margin, respectively. If one value is given, it applies to all sides. If two or three values are given, the missing values are taken from the opposite side.

Example:

BODY { margin: 3em }

P { margin: 4em 6em }

DIV { margin: 1em 2em 3em 4em }


Using the margin property allows one to set all margins; alternatively, the properties margin-top, margin-bottom, margin-left, and margin-right may be used.


note Adjoining vertical margins are collapsed to use the maximum of the margin values. Horizontal margins are not collapsed.