互換モード

■ 「互換モード」でカバーされる文法的ミス

1. HTMLで色指定に#がない (仕様書に反する)

<font color="0000ff">こんにちは</font>

2. CSSで色指定に#がない (仕様書に反する)

<div style="color:00f">こんにちは</div>

3. CSSで数値に単位がない (仕様書に反する)

<div style="width:500; border:1px solid #00f">こんにちは</div>

4. CSSで数値と単位の間に空白文字がある (仕様書に反する)

<div style="width:500 px; border:1px solid #00f">こんにちは</div>

5. CSSでキーワードが""で括られている (仕様書に反する)

<div style='color:"blue";'>こんにちは</div>

■ 表示モードによる違い

6. ボックスにおけるCSSのwidth、heightプロパティの値は正常か？ (仕様書ではborder, paddingを除く内容領域)

width:120px; height:120px;

こんにちは

7. CSSのfont-sizeの標準サイズは何か？ (仕様書ではmedium)

<div>こんにちは</div>

<div style="font-size:medium">こんにちは</div>

<div style="font-size:small">こんにちは</div>

8. CSSのmargin:autoでブロック要素がセンタリングするか？ (仕様書ではセンタリング)

<div style="margin:auto; width:500px; border:1px solid #00f">こんにちは</div>

9. HTMLのimg要素のCSSのpaddingプロパティのサポートの有無 (仕様書ではサポート)

padding:20px

10. CSSのtext-align:centerで適用対象でないブロック要素が中央揃えになるか？ (仕様書ではならない)

<div style="text-align:center">
<div style="width:500px; border:1px solid #00f">こんにちは</div>
</div>

11. テーブルセルにおける画像の配置で画像の下部に隙間が生じるか？ (仕様書では生じる)

12. テーブル内の記述にテーブル外部のスタイルが継承されるか？ (仕様書では継承される)

color:blue;	color:blue;
color:blue;	color:blue;