Firefoxを含む)、Opera7などや、Mac版IE5以降のブラウザには、文書型宣言<!DOCTYPE>によって「互換モード」「ほぼ標準モード」「標準モード」といった3つの表示モードに切り替わる、「Doctypeスイッチ」と呼ばれる機能が存在します。Mode)「互換モード」は、Web標準(W3Cの仕様)が定まる以前からの表示方法なので、バグや独自解釈を含め、旧来のブラウザの表示方法と互換性のある表示を行い、文法的なミスもある程度カバーして表示する傾向があります。Mode)「ほぼ標準モード」と、「標準モード」との違いは1点だけです。「ほぼ標準モード」では、テーブルセル内のvertical-alignプロパティの初期値が、互換モードと同じbottomなので、セル内に配置した画像が、隙間なく表示されます。「標準モード」では、テーブルセル内のvertical-alignプロパティの初期値がbaselineなので、画像の下部にアルファベットのbaseline以下の領域分の隙間が生じます。Mode)「標準モード」では、Web標準(W3Cの仕様)に沿った表示を行い、文法的な誤りは基本的に無視されます。CSSでキーワードが""で囲まれている(color:"blue")など。表示モードによる違いIEとOperaの「互換モード」では、widthプロパティとheightプロパティの値がWeb標準仕様のボックスの内容領域の値を示さず、border、paddingプロパティを含む周辺領域の値を示します(*1)。「標準モード」ではボックスの内容領域の幅と高さを示します。IEとOperaの「互換モード」における文字の標準サイズは、font-size:smallであり、Web標準の文字の標準サイズfont-size:mediumと異なります。「標準モード」では、font-size:mediumになります。IEの「互換モード」では、margin:autoによるテーブルなどのブロック要素のセンタリングが行われません。img要素におけるpaddingプロパティはサポートされていません。IEでは常に、text-align:centerでCSSの適用対象でないブロック要素がセンタリングされます。「ほぼ標準モード」では、テーブルセル内のvertical-alignプロパティの初期値が、互換モードと同じbottomなので、セル内に配置した画像が、隙間なく表示されます。「標準モード」では、テーブルセル内のvertical-alignプロパティの初期値がbaselineなので、画像の下部にアルファベットのbaseline以下の領域分の隙間が生じます。「標準モード」においては、テーブル内の記述にテーブル外部のスタイルが継承されます。「互換モード」でカバーされる文法的な誤りは、基本的に無視されます。現行のOpera9においては改善されています(2007/01/10)。2009/09/01。