CSS margin(マージン)とpadding(パディング)の設定

違いを理解しよう

margin まとめて設定した場合
margin-top margin-top:30px margin:30px 0px 0px 0px
margin-bottom margin-bottom:30px margin:0px 0px 30px 0px
margin-right margin-right:30px margin:0px 30px 0px 0px
margin-left margin-left:30px margin:0px 0px 0px 30px
padding まとめて設定した場合
padding-top padding-top:30px padding:30px 0px 0px 0px
padding-bottom padding-bottom:30px padding:0px 0px 30px 0px
padding-right padding-right:30px padding:0px 30px 0px 0px
padding-left padding-left:30px padding:0px 0px 0px 30px


ネタ元