Graphic CSS (3): padding (inner margin), margin (outer margin)

Paddingpadding-toppadding-rightpadding-bottompadding-leftmarginmargin-topmargin-rightmargin-bottommargin-left

 

Padding: Top, right, bottom, left; {clockwise from top}

It can be indicated by padding-top, padding-bottom, padding-left, and padding-right respectively:

If the padding attribute lacks right, bottom, and left, refer to top:

If the bottom and left attributes of the padding attribute are missing, refer to top for bottom and right for left:

If left is missing from the padding attribute, right will be referenced in left:

The principle of margin and padding is the same: