最終更新:2020-04-23 (木) 17:38:35 (1455d)
margin
Top / margin
要素の外側の余白?
- 隣のボックスとの間隔
- 子要素の場合は親要素との間隔
値
- auto (左右のみ)
- width(要素の横幅)の指定がない場合は自動算出する対象(width)がないため、autoを指定しても値は0
- 数値
- %
メモ
- marginの値は継承されない
例
- 値を1つ指定した場合: 指定した値が[上下左右]のマージンになります。
margin:上下左右 margin:0px
- 値を2つ指定した場合: 記述した順に[上下][左右]のマージンになります。
margin:上下 左右 margin:0px 0px
- 値を3つ指定した場合: 記述した順に[上][左右][下]のマージンになります。
margin:上 左右 下 margin:0px 0px 0px
- 値を4つ指定した場合: 記述した順に[上][右][下][左]のマージンになります。
margin:上 右 下 左 margin:0px 0px 0px 0px
個別
- margin-top? - 上マージンを指定する
- margin-bottom? - 下マージンを指定する
- margin-left - 左マージンを指定する
- margin-right? - 右マージンを指定する