It is always confusing to define the number of parameters in the padding attribute in CSS. For example:
Body {padding: 36px ;}
Body {padding: 36px 24px ;}
Body {padding: 36px 24px 18px ;}
Body {padding: 36px 24px 18px 12px ;}
today, I checked the standard CSS documentation, which stipulates that:
if only one, it is used for all four edges.
If two edges are provided, the first is used for top-bottom, and the second is used for left-right.
if three edges are provided, the first is used for top, the second is used for left-right, and the third is used for bottom.
if all four parameter values are provided, the top-right-bottom-left order is applied to the four sides.
body {padding: 36px;} // The patch margins on all sides of the object are 36px
body {padding: 36px 24px ;} // The patch margin on both the top and bottom sides is 36px, and the patch margin on both sides is 24px
body {padding: 36px 24px 18px ;} // The patch margins of the top and bottom sides are 36px and 18px respectively, and the patch margins of the left and right sides are 24px
body {padding: 36px 24px 18px 12px ;} // The top, right, bottom, and left patch margins are 36px, 24px, 18px, and 12px respectively.