border box

[34] WinIE 6 では border、border-top などに <http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20border%3A%20thin%200%20thick%20thin%200%200%200%200%200%200%201px%202em%2010mm%20red%20blue%200%20thick%20%23C0C0C0%20orange%20dashed%20none%20dotted%20inset%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element> のように値を1つ以上いくつでも指定できるようです。 border-color、border-style、 border-width それぞれで最後に指定された値が有効になります。指定されなかった種類はまったく設定されません (CSS 2.1 によれば初期値が設定されなければなりません)。 border や borderTop などに値が設定されるのは、構成する3種類 (または3種類×4辺) のすべてに値が設定されている場合のみのようです。 (名無しさん)

[35] Firefox 2 や Opera 9 には >>34 のような奇癖はなく、 CSS 2.1 通りに実装しているようです。 (名無しさん)

[36] 色の初期値の扱いについては border-color の項を参照。

[61] Chrome も Firefox も 'border' を指定すると 'border-image' が初期値になります。 Firefox ではその他 '-moz-border-top-colors' なども初期値になります。 2013-09-07T10:07:59.200Z

[62] Chrome は明示されていないプロパティーを initial にしますが、 Firefox は実際の初期値にします。 2013-09-07T10:08:38.000Z

[63] Firefox の 'border-color' の初期値は '-moz-use-text-color' です。

[64] 直列化の際、 Chrome では 'border-width'、 'border-style'、'border-color' の1つか2つが initial なら、それが省略されます。3つが initial ならプロパティーの宣言自体が cssText に現れません。 2013-09-07T10:12:07.200Z

[65] 直列化の際、 Firefox は 'border-color' が '-moz-use-text-color' ならそれを省略しますが、それ以外は省略しません。 2013-09-07T10:12:57.300Z

[66] 'border' を構文解析して CSSOM に宣言として追加する時の各 longhand sub-properties の順序は Firefox と Chrome で違っています。 2013-09-07T10:31:56.300Z

[67] 'border' にまとめきれないときにどのプロパティーを使って表現するかは Chrome と Firefox で異なるようです。 >>66 の順序の違いによるものか、それ以外にも違うのかはよくわかりません。 2013-09-07T10:33:15.500Z

境界領域

[40] 箱の余白領域と詰め領域の間の領域を境界領域 (border area) といいます。

[42] CSS 2.1 には「optional」と書いてあるので、幅 0 の時は厳密に言えば境界領域は存在しないということになります。

[43] 境界領域の外周を境界辺 (border edge) と呼びます。境界領域が存在しない時は詰め辺と同じです。 CSS 2.1 8.1

[44] 境界辺に囲まれる領域を境界箱 (border box) と呼びます。 CSS 2.1 8.1

[47] 詰め領域と境界領域の間にスクロール・バーが挿入されることがあります。

[46] Viewport境界箱の項を参照してください。