CSS Spacing

The margin and padding properties can take 1 to 4 values.

  • 1 value: affects all 4 sides.
  • 2 values: top+bottom and right+left.
  • 3 values: top, right + left, bottom.
  • 4 values: top, right, bottom, left.

margin

    

margin: 1px; /* all 4 sides */
margin: 1px 1px; /* top + bottom | right + left */
margin: 1px 1px 1px; /* top | right + left | bottom */
margin: 1px 1px 1px 1px; /* top | right | bottom | left */


    
    

margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;

padding

    

padding: 1px; /* all 4 sides */
padding: 1px 1px; /* top + bottom | right + left */
padding: 1px 1px 1px; /* top | right + left | bottom */
padding: 1px 1px 1px 1px; /* top | right | bottom | left */


    
    

padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;