margin

marginは、要素の外側の余白のことです。

marginは、上下左右のマージンをまとめて指定するプロパティです。
上下左右を異なるマージン幅にしたい場合には、スペースで区切って複数の値を指定します。
auto （自動）を指定することもできます。

4つ値を指定する場合は上 右 下 左の時計回りの順
▼上5px　右10px　下15px　左20px

margin:5px 10px 15px 20px;

3つ値を指定する場合は上 左右 下の順
▼上5px　左右10px　下15px

margin:5px 10px 15px;

2つ値を指定する場合は上下 左右の順
▼上下5px　左右10px

margin:5px 10px;

1つだけ指定する場合は上下左右を一括で指定することになります。
▼上下左右5px

margin:5px;

▼上のみ指定

margin-top:5px;

▼下のみ指定

margin-bottom:5px;

▼左のみ指定

margin-left:5px;

▼右のみ指定

margin-right:5px;