付録：CSS対応状況表

ボックス

margin-top，margin-right，
margin-botom，margin-left

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
<length>	1-2	△	△	△	○	○	○	△	○	○	○	○	○
<percentage>	1-2	△	△	△	△	△	○	△	○	○	○	○	○
auto	1-2	×	×	×	×	○	○	×	○	○	○	○	○

Win版 MSIE 3

margin-bottom はサポートされない。

隣接する垂直マージンが相殺されず，デフォルトのマージンが足し合わされてしまう。

Win版 MSIE 4〜5

非置換インライン要素に対して指定しても効果がない。

相殺されない筈のマージンが相殺されたり，垂直方向のパディングが異常に伸縮したりする。

Win版 MSIE 4〜6

上下マージンのパーセント値を，包含ブロックの横幅を基準に算出しない。

Win版 MSIE 6

標準準拠モードの時にのみ margin-left，margin-right の 'auto' を正しく解釈する。

p，blockquote，h1〜h6，pre要素の上下マージンを 'auto' に設定しても '0' にならない（デフォルトにリセットされる）。

Win版 Opera 6

p，blockquote，h1〜h6，pre，form，ul，ol，li，dl要素の上下マージンを 'auto' に設定しても '0' にならない（デフォルトにリセットされる）。

Netscpae 4

非常に不安定。特にインライン要素は要注意。

他のプロパティの状態によって変化したりする。

隣接する垂直マージンが相殺されず，デフォルトのマージンが足し合わされてしまう。

関連バグ情報：

• マージンに負数が指定された要素でボーダーがずれてゆく(WinIE6)
• fieldset要素直下のフォーム部品にform要素の左右マージンが適用される(WinIE5)
• 幅が指定されたリスト要素のマージンが正しく反映されない(WinIE6)
• br要素があるときに縦方向マージンを少なく解釈する(WinIE6)
• 親要素を持つp要素のマージンが無視される(WinIE5)
• hr要素に指定した下マージンが親要素の下マージンとして反映される(WinIE5.x/6.0)
• 親にボーダーを設置した要素を持つ要素のマージン設置が正しくない(WinIE5.x/6.0)
• table要素の上マージンがcaption要素の上に設置される(WinIE5.x/6.0)
• 幅や高さを指定した要素の子孫要素でデフォルト指定のマージンが消える(WinIE5.x/6.0)
• line-heightの値によってはマージンが指定どおりの値にならない(N7)
• 通常配置以外で配置された要素に後続する要素の上マージンが無視される(N6)
• 閲覧領域の幅を超える幅のボックスを中央寄せにするとその左端を表示できない(Mozilla)
• ボックスのセンタリング時に上下マージンが無視される(Opera6.0)
• 負数マージンを設定した要素内のリンクが機能しないことがある(Opera6.0)
• 入れ子関係の要素間で下マージンの相殺が正しく行われない(Opera7.0)
• table要素の上マージンがcaption要素の上に設置される(Opera7.x)
• 幅や高さを指定した要素の子孫要素でデフォルト指定のマージンが消える(Opera7.x)
• 見出し要素のマージンを0にできない(N4.x)

margin

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
<length>	1-2	△	△	△	○	○	○	△	○	○	○	○	○
<percentage>	1-2	△	△	△	△	△	○	△	○	○	○	○	○
auto	1-2	×	×	×	×	○	○	×	○	○	○	△	○

詳細は個別指定のプロパティの対応状況を参照のこと。

Mac版 MSIE 5

margin: auto と指定した場合，blockquote，ul，ol要素の左右マージンが同じ算出値にならない。

margin: 1em auto の様に指定した場合，table要素の左右マージンが同じ算出値にならない。

Win版 Opera 6

複数指定に含まれる 'auto' は正しく解釈されない。

関連バグ情報：

• マージンに負数が指定された要素でボーダーがずれてゆく(WinIE6)
• fieldset要素直下のフォーム部品にform要素の左右マージンが適用される(WinIE5)
• 幅が指定されたリスト要素のマージンが正しく反映されない(WinIE6)
• br要素があるときに縦方向マージンを少なく解釈する(WinIE6)
• 親要素を持つp要素のマージンが無視される(WinIE5)
• hr要素に指定した下マージンが親要素の下マージンとして反映される(Win5.x/6.0)
• table要素の上マージンがcaption要素の上に設置される(WinIE5.x/6.0)
• 幅や高さを指定した要素の子孫要素でデフォルト指定のマージンが消える(WinIE5.x/6.0)
• marginプロパティで値を一括指定すると無視される(MacIE4.1/5.0)
• line-heightの値によってはマージンが指定どおりの値にならない(N7)
• 通常配置以外で配置された要素に後続する要素の上マージンが無視される(N6)
• 閲覧領域の幅を超える幅のボックスを中央寄せにするとその左端を表示できない(Mozilla)
• ボックスのセンタリング時に上下マージンが無視される(Opera6.0)
• 負数マージンを設定した要素内のリンクが機能しないことがある(Opera6.0)
• 入れ子関係の要素間で下マージンの相殺が正しく行われない(Opera7.0)
• table要素の上マージンがcaption要素の上に設置される(Opera7.x)
• 幅や高さを指定した要素の子孫要素でデフォルト指定のマージンが消える(Opera7.x)
• 見出し要素のマージンを0にできない(N4.x)

padding-top，padding-right，
padding-bottom，padding-left

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
<length>	1-2	×	△	△	○	○	○	△	○	○	○	○	○
<percentage>	1-2	×	△	△	△	△	○	△	○	○	○	○	○

Win版 MSIE 4〜5

非置換インライン要素に対して指定しても効果がない。

Win版 MSIE 4〜6

上下パディングのパーセント値を，包含ブロックの横幅を基準に算出しない。

Netscape 4

非置換インライン要素に指定するとブロックとして整形されるか，または適用されない。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)
• img要素にパディングが効かない(WinIE5)
• インライン要素に指定したパディングやボーダーの上下が消える(WinIE6)
• fieldset要素の上パディングがボーダー領域の外側に設置される(WinIE5.x/6.0)
• 右パディングを設定した要素の末尾にbr要素を置くとレイアウトが乱れる(Opera7.0)
• html要素に下パディングを設置できない(Opera7.0)
• fieldset要素の上パディングがボーダー領域の外側に設置される(Opera7.0)

padding

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
<length>	1-2	×	△	△	○	○	○	△	○	○	○	○	○
<percentage>	1-2	×	△	△	△	△	○	△	○	○	○	○	○

詳細は個別指定のプロパティの対応状況を参照のこと。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)
• img要素にパディングが効かない(WinIE5)
• インライン要素に指定したパディングやボーダーの上下が消える(WinIE6)
• fieldset要素の上パディングがボーダー領域の外側に設置される(WinIE5.x/6.0)
• 右パディングを設定した要素の末尾にbr要素を置くとレイアウトが乱れる(Opera7.0)
• html要素に下パディングを設置できない(Opera7.0)
• fieldset要素の上パディングがボーダー領域の外側に設置される(Opera7.0)

border-top-width，border-right-width，
border-bottom-width，border-left-width

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
共通	1-2	×	△	△	○	○	○	△	○	○	○	○	○

Win版 MSIE 4〜5

非置換インライン要素に対して指定しても効果がない。

Netscape 4

ボーダーの幅を明示しないと，ボーダーが描画されない（初期値が 'medium' ではない）。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)

border-width

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
共通	1-2	×	△	△	○	○	○	△	○	○	○	○	○

詳細は個別指定のプロパティの対応状況を参照のこと。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)

border-top-color，border-right-color，
border-bottom-color，border-left-color

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
<color>	1-2	×	△	△	○	○	○	×	○	○	○	○	○
transparent	2	×	×	×	×	×	○	×	○	○	○	×	○

Win版 MSIE 4〜5

非置換インライン要素に対して指定しても効果がない。

Win版 MSIE

'transparent' を指定すると，colorプロパティの色で描画される。

Win版 Opera 6

初期値がcolorプロパティの値ではなく黒になっている。

'transparent' を指定すると黒色で描画される。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)
• border-colorにtransparentを指定すると前景色で表示される(WinIE5〜6)
• 一部のボーダーはcolorの値を引き継がない(WinIE5.x/6.0)
• 特定のテーブルに指定したボーダー色が別のテーブルにも適用される(MacIE5.1)
• border-colorを省略した時の値が常に#000000になる(Opera6.0)
• border-colorの既定値とtransparent値がCSS仕様と異なる色になる(Opera6.0/7.0)
• border-colorの既定値とtransparent値に対応する色が#000000になっている(N4.x)

border-color

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
<color>	1-2	×	△	△	○	○	○	△	○	○	○	○	○
transparent	2	×	×	×	×	×	△	×	○	○	○	×	△

詳細は個別指定のプロパティの対応状況を参照のこと。

Mac版 MSIE 5

複数指定に 'transparent' が含まれていると正常に適用されない。

Win版 Opera 7

複数指定に 'transparent' が含まれていると宣言が無視される。

Netscpae 4

初期値がcolorプロパティの値ではなく黒になっている。

'transparent' を指定すると黒色で描画される。

四辺のボーダーに対してを個別に色を指定することができない。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)
• border-colorにtransparentを指定すると前景色で表示される(WinIE5〜6)
• 一部のボーダーはcolorの値を引き継がない(WinIE5.x/6.0)
• 四方のborder-colorが統一されていない要素でtransparent値が無視される(MacIE5)
• 特定のテーブルに指定したボーダー色が別のテーブルにも適用される(MacIE5.1)
• border-colorを省略した時の値が常に#000000になる(Opera6.0)
• border-colorの既定値とtransparent値がCSS仕様と異なる色になる(Opera6.0/7.0)
• border-colorの既定値とtransparent値に対応する色が#000000になっている(N4.x)

border-top-style，border-right-style，
border-bottom-style，border-left-style

結合ボーダーモデルの表関連要素以外の場合

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
none	1-2	×	△	△	○	○	○	×	○	○	○	○	○
hidden	2	×	×	×	×	×	×	×	○	○	○	×	○
dotted, dashed	1-2	×	×	×	○	○	○	×	○	○	○	○	○
solid	1-2	×	△	△	○	○	○	×	○	○	○	○	○
double	1-2	×	△	△	○	○	○	×	○	○	○	○	○
groove	1-2	×	△	△	○	○	○	×	○	○	○	○	○
ridge	1-2	×	△	△	○	○	○	×	○	○	○	○	○
inset	1-2	×	△	△	○	○	○	×	○	○	○	○	○
outset	1-2	×	△	△	○	○	○	×	○	○	○	○	○

Win版 MSIE 4〜5

'dashed' か 'dotted' を指定すると，'solid' と同様に描画される。

非置換インライン要素に対して指定しても効果がない。

Win版 MSIE 5〜5.5

html または body要素にボーダーを指定すると，表示域にボーダーが描画される。

Win版 MSIE 6

html要素にボーダーを指定すると，表示域にボーダーが描画される。

Mac版 MSIE 5

'hidden' を指定した場合，'solid' と同様に描画される。

Win版 Opera 6〜7.0

'hidden' を指定した場合，透明になるだけで幅が '0' にならない。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)
• fieldset要素に設定した一部のボーダーがlegend要素に重なって表示される(WinIE5.5)
• body要素に設定したボーダーが閲覧領域全体を囲むように表示される(WinIE5)
• インライン要素に指定したパディングやボーダーの上下が消える(WinIE6)
• hr要素のボーダーが正しく設定されない(N7.0/Moz1.4)

結合ボーダーモデルの表関連要素の場合

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
none	2	×	−	○	○	○	−	×	−	○	○	○	○
hidden	2	×	−	×	×	×	−	×	−	○	○	○	○
dotted, dashed	2	×	−	×	○	○	−	×	−	○	○	○	○
solid	2	×	−	○	○	○	−	×	−	○	○	○	○
double	2	×	−	○	○	○	−	×	−	○	○	○	○
groove	2	×	−	○	○	○	−	×	−	○	○	○	○
ridge	2	×	−	○	○	○	−	×	−	○	○	○	○
inset	2	×	−	△	△	△	−	×	−	○	○	△	○
outset	2	×	−	△	△	△	−	×	−	○	○	△	○

※ "−" と表記した列のブラウザは，結合ボーダーモデルをサポートしていない。

Win版 MSIE 5

'dashed' か 'dotted' を指定すると，'solid' と同様に描画される。

Win版 MSIE 5〜6

行要素，行グループ要素，列要素，列グループ要素にはボーダーが描画されない。

ボーダーの種類による優先度が不正。

'inset' または 'outset' を指定しても，それぞれ 'groove' と 'ridge' と同じにならない。

Win版 Opera 6

列要素，列グループ要素に指定されたボーダーの描画が異常。

'dotted' または 'dashed' のときのボーダーの描画が異常。

'inset' または 'outset' を指定しても，それぞれ 'groove' と 'ridge' と同じにならない。

Win版 Opera 7.0

'hidden' を指定したときに，表要素のボーダーが非表示にできない。

行グループ要素の右側にボーダーが描画されない。

列要素，列グループ要素のボーダーの描画が異常。

border-style

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
none	1-2	×	△	△	○	○	○	△	○	○	○	○	○
hidden	2	×	×	×	×	×	×	×	○	○	○	×	○
dotted, dashed	1-2	×	×	×	○	○	○	×	○	○	○	○	○
solid	1-2	×	△	△	○	○	○	△	○	○	○	○	○
double	1-2	×	△	△	○	○	○	△	○	○	○	○	○
groove	1-2	×	△	△	○	○	○	△	○	○	○	○	○
ridge	1-2	×	△	△	○	○	○	△	○	○	○	○	○
inset	1-2	×	△	△	○	○	○	△	○	○	○	○	○
outset	1-2	×	△	△	○	○	○	△	○	○	○	○	○

詳細は個別指定のプロパティの対応状況を参照のこと。

Netscpae 4

ブロック要素に指定しても，テキストがある部分までの幅でしてボーダーや背景が描画されない。マージン（必要なければ '0'）や width を明示すればブロック全体の幅で描画させることが可能。非置換インライン要素に指定すると，ブロックレベルとして整形される。

li，dt，dd要素に指定すると，ボーダーが上に小さく描画される。

hr，img，input要素に指定すると，ボーダーが左下に小さく描画される。

textarea や select要素に指定すると，要素内容が普通のテキストとして表示され，入力や選択ができなくなる。

ボーダー色の初期値がcolorプロパティの値ではなく黒になっている。

ボーダーの幅を明示しないと，ボーダーが描画されない（初期値が 'medium' ではない）。

'dashed' か 'dotted' を指定すると，'solid' と同様に描画される。

'hidden' あるいは，四辺のボーダーに対して個別に指定すると，'outset' と同様に描画される。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)
• fieldset要素に設定した一部のボーダーがlegend要素に重なって表示される(WinIE5.5)
• body要素に設定したボーダーが閲覧領域全体を囲むように表示される(WinIE5)
• インライン要素に指定したパディングやボーダーの上下が消える(WinIE6)
• hr要素のボーダーが正しく設定されない(N7.0/Moz1.4)
• 背景やボーダーがブロック全体に表示されない(N4.x)

border-top，border-right，
border-bottom，border-left

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
-	-	×	△	△	○	○	○	×	○	○	○	○	○

Win版 MSIE 4〜5

非置換インライン要素に対して指定しても効果がない。

Win版 MSIE

'transparent' を指定するとcolorプロパティ値の色で描画される。

Win版 Opera 6〜7.0

'transparent' が含まれていると宣言が無視される。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)

border

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
-	-	×	△	△	○	○	○	△	○	○	○	○	○

Win版 MSIE 4〜5

非置換インライン要素に対して指定しても効果がない。

Win版 MSIE

'transparent' を指定するとcolorプロパティ値の色で描画される。

Mac版 MSIE 5

border: none; を宣言した後に，borderプロパティで色の値を省略して上書き（例：border: solid thin）するとボーダーが描画されない。（仕様上，色の値を省略した場合，ボーダー色は前景色と同じ色になる筈で，種類が明示されていればボーダーは描画される筈。）

Win版 Opera 6〜7.0

'transparent' が含まれていると宣言が無視される。

Netscape 4

'transparent' を指定すると黒色で描画される。

関連バグ情報：

• 左右ボーダーとパディングを設置した要素に後続する部分がずれる(WinIE5.5/6.0)
• 色指定のないborderによる値の上書きができない(MacIE5.1)

この文書の情報

Katsu <katsu@ea.mbn.or.jp>
最終改訂日：2004年06月22日