ボックス

ボックスの基本

CSSによるデザインの基本は、「ボックス」です。Webページでは、HTMLタグで囲んだ部分が1つの「ボックス」として扱われます。CSSではこの「ボックス」に対してスタイルを指定することになります。

ボックスは次の4つの部分から構成されています。

• 内容 （width/height：幅と高さ）
• パディング padding（内容と枠線の間の余白）
• ボーダー border（枠線）
• マージン margin（枠線の外側の余白）

ボックスのサイズ

ボックスとして実際にブラウザに表示される領域は、『width＋padding＋border』を合計したサイズになります。