margin
Description »Margin is the shorthand property for defining the distance of an element from other elements along all sides. |
|
Possible Values »
- margin: top right bottom left;
- Sets the individual margins for each side.
- margin: top-bottom right-left;
- Two values can be passed instead of four. The first sets the top and bottom; the second sets the right and left.
- margin: top right-left bottom;
- If three values are passed, the first sets the top margin, the second sets the right and left, and the last sets the bottom.
- margin: all;
- A single value will set all four margins for the selected element.
- margin: auto;
- The browser calculates its own margins, usually centering the block.
- margin: inherit;
- The element inherits the margin settings of the parent element.
Details »
Margin adjust spacing between blocks and elements. If I had a div block, the margin of that div block adjusts its distance from all the elements around it.
Margin values can be measured by pixels (px), em, or percentage (%).
This property is used to define all of the margins for an element. You can access individual sides as well:
In Practice »
| Results | CSS |
| Try it! | at The CSS Zone Sandbox |