ボックスの概念

CSSでは、HTMLの要素を長方形のボックスとして表示します。「CSS basic box model」では、以下の3種類のボックスが規定されています。

■ブロックボックス
段落や表などのブロックを形成するボックスです。他のブロックボックスや行ボックスを含むことができます。

■行ボックス
テキスト行など、1つの行を形成するボックスです。インラインボックスを含むことができます。

■インラインボックス
行内のテキストのことです。インラインボックスを含むテキストや、インラインボックスとして表示されたブロックボックスを含むことができます。

上記の3種類の各ボックスは、以下のような構成をしています。