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;

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です