テクニカル情報

[情報]InternetExplorerにおけるCSS解釈の問題

InternetExplorer9(以下IE9)では「border: 0px;」のような不完全なCSSスタイルは内部的に「border: 0px none currentcolor;」のように不足したスタイルを自動補完して解釈されます。これはHTMLエディタにも適用され、ユーザーの意図しないHTMLが生成・保存されることがあります。またIE9はCSS3を前提にスタイルを解釈します。一方、現在のi-SITEのCSSチェック機能ではCSS2.1ベースでCSSチェックします。このため、IE9によって補完されたスタイルがCSSチェックでエラーとなることがあります。

また、IE6、IE7、IE8では「border-width: 0px;」のように指定したスタイルが、「border: 0px;」にまとめられて変換されてしまう問題もあります。これらの問題を回避するには「border: 0px none transparent;」のようにborder-color値を常に明示的に設定します。