■ 「互換モード」でカバーされる文法的ミス
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を除く内容領域)
こんにちは
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プロパティのサポートの有無 (仕様書ではサポート)
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;
|