プロパティレベルで使うCSSハックを一覧にしてみました。
CSS Validation Serviceには全て通りませんので、検証にひっかからないハックを使いたいと思っている方は、「セレクタでのCSSハック一覧表」をご覧下さい。また、「Firefoxのバージョン別CSSハック一覧表」も載せたので良かったら、ご覧ください。
更新情報
・09/05/21 対象ブラウザをSafari2からSafari3に変えました。
・09/05/18 IE8正式版の検証をしました。
「プロパティ:値」レベルのCSSハック (invalid)
| 「○」=読み込む、「×」=読み込まない、「☆」=赤色ならば、適用されている証拠 | |||||||||
| ハック | 適用 | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| { _width: 200px} | ○ | × | × | × | × | × | × | × | ☆ |
| { #width: 200px} | ○ | ○ | × | × | × | × | × | × | ☆ |
| { *width: 200px} | ○ | ○ | × | × | × | × | × | × | ☆ |
| { /width: 200px} | ○ | ○ | × | × | × | × | × | × | ☆ |
| { width/**/: 200px} | ○ | ○ | ○ | ○ | ○ | ○ | ○ | × | ☆ |
| { width /**/: 200px} | × | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ☆ |
| {□width : 200px} ※1 | ○ | ○ | × | × | × | ○ | × | × | ☆ |
| html>/**/body セレクタ{プロパティ /*\**/: 200px\9;} | × | × | ○ | × | × | × | × | × | ☆ |
※1 □は全角スペースです。
「プロパティ:値」のハックは海外では(国内でも?)あまり使われていないハックみたいです。
何故かと言うと{・・・} の中にハックとそうでない指定が混在するような記述は避けるべきとされているからです。誰がそんなこと決めたか分りませんが・・・ただValidatorに通らないのは、何となくイヤですよね^^;
date 2010.10.29




