marginは、要素の外側の余白のことです。
marginは、上下左右のマージンをまとめて指定するプロパティです。
上下左右を異なるマージン幅にしたい場合には、スペースで区切って複数の値を指定します。
auto (自動)を指定することもできます。
4つ値を指定する場合は上 右 下 左の時計回りの順
▼上5px 右10px 下15px 左20px
1 |
margin:5px 10px 15px 20px; |
3つ値を指定する場合は上 左右 下の順
▼上5px 左右10px 下15px
1 |
margin:5px 10px 15px; |
2つ値を指定する場合は上下 左右の順
▼上下5px 左右10px
1 |
margin:5px 10px; |
1つだけ指定する場合は上下左右を一括で指定することになります。
▼上下左右5px
1 |
margin:5px; |
▼上のみ指定
1 |
margin-top:5px; |
▼下のみ指定
1 |
margin-bottom:5px; |
▼左のみ指定
1 |
margin-left:5px; |
▼右のみ指定
1 |
margin-right:5px; |
コメント