[6] [DFN[[RUBY[箱][ボックス]@en[box]]]]は、[[CSS]] [[箱モデル]]における[[レンダリング]]の単位要素です。

* 仕様書

- [7] [[CSS 2.1]]
-- [1] <http://www.w3.org/TR/CSS21/box.html#box-dimensions>

* 箱の領域

[2]
[DFN[[RUBY[[[箱]]] [はこ] @en[box]]]]は次の4つの[RUBYB[[[領域]]]@en[area]]で構成されます:
= [[内容領域]]
= [[詰め領域]] (省略可能)
= [[境界領域]] (省略可能)
= [[余白領域]] (省略可能)

[3]
各[[領域]]の外周は[DFN[[RUBY[[[辺]]] [へん] @en[edge]]]]といいます。
= [[内容辺]] ([[内辺]])
= [[詰め辺]]
= [[境界辺]]
= [[余白辺]] ([[外辺]])

* 箱の分類

** 含める範囲の違い

[4]
>>3 の4[[辺]]により、[[内容箱]]、[[詰め箱]]、[[境界箱]]、
[[余白箱]]の4種類の[[箱]]が定義されます。

** レンダリングの違い

[5] 
- [[行内箱]]
- [[ブロック箱]]
- [[行箱]]
- [[絶対配置箱]]
- [[浮動箱]]