CSSのボックスモデルは、ドキュメントツリー内の要素に対して生成される矩形境域です。ボックスモデルでは、要素の内容(content)と、その周りにレイアウトされるマージン(margin)、ボーダー(border)、パディング(padding)などの位置関係を定義します。
ボックスの構造 マージン・パディング・ボーダーの使用例 マージンプロパティ マージンの折り畳み ボーダープロパティ パディングプロパティ 双方向コンテキストでのインライ要素のボックスモデル