margin：領域間のスペース
padding：領域内のスペース ⇒負の値を指定することはできない。
上下左右で値を設定する際の書き方パターン
(例)padding
| padding: 10px; | 上下左右10px |
| padding: 10px 20px; | 上下10px 左右20px |
| padding: 10px 20px 30px; | 上10px 左右20px 下30px |
| padding: 10px 20px 30px 40px; | 上10px 右20px 左30px 下40px |
margin：領域間のスペース
padding：領域内のスペース ⇒負の値を指定することはできない。
上下左右で値を設定する際の書き方パターン
(例)padding
| padding: 10px; | 上下左右10px |
| padding: 10px 20px; | 上下10px 左右20px |
| padding: 10px 20px 30px; | 上10px 左右20px 下30px |
| padding: 10px 20px 30px 40px; | 上10px 右20px 左30px 下40px |