仕様書

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

状態

[11] 箱の持つ状態はいろいろあります。

箱の領域

[2] 箱はこboxは次の4つの領域areaで構成されます:

1. 内容領域
2. 詰め領域 (省略可能)
3. 境界領域 (省略可能)
4. 余白領域 (省略可能)

[3] 各領域の外周は辺へんedgeといいます。

1. 内容辺 (内辺)
2. 詰め辺
3. 境界辺
4. 余白辺 (外辺)

箱の分類

歴史

[8] Editorial: link the term "CSS box" and remove parentheticals (zcorpan著, 2019-05-24 20:19:27 +09:00) https://github.com/whatwg/html/commit/9058fe7ff6961a28fb6e87db55c7dfbbcbd63bb1

[9] Editorial: link the term "CSS box" and remove parentheticals by zcorpan · Pull Request #4659 · whatwg/html (2020-01-12 15:30:26 +09:00) https://github.com/whatwg/html/pull/4659

[10] Factor out "when it generates a box" · Issue #4618 · whatwg/html (2020-01-12 15:31:02 +09:00) https://github.com/whatwg/html/issues/4618