ボックスのマージン、枠、余白

マージンと枠、余白 ♬

ボックスの構造

マージン、枠、余白の関係は下図のようになる。

コンテンツと枠の間にある間隔が余白（padding）で、枠の外側部分がマージン（margin）。