プロパティでのCSSハック一覧表

管理人:sofu

プロパティレベルで使うCSSハックを一覧にしてみました。
CSS Validation Serviceには全て通りませんので、検証にひっかからないハックを使いたいと思っている方は、「セレクタでのCSSハック一覧表」をご覧下さい。また、「Firefoxのバージョン別CSSハック一覧表」も載せたので良かったら、ご覧ください。

更新情報
・09/05/21 対象ブラウザをSafari2からSafari3に変えました。
・09/05/18 IE8正式版の検証をしました。

「プロパティ:値」レベルのCSSハック (invalid)

」=読み込む、「×」=読み込まない、「」=赤色ならば、適用されている証拠
ハック IE66 IE77 IE88 Firefox2 Firefox3 Opera9.5 Safari3 MacIE5M5 適用
_width: 200px} × × × × × × ×
#width: 200px} × × × × × ×
*width: 200px} × × × × × ×
/width: 200px} × × × × × ×
{ width/**/: 200px} ×
{ width /**/: 200px} ×
{width : 200px} ※1 × × × × ×
html>/**/body セレクタ{プロパティ /*\**/: 200px\9;} × × × × × × ×

※1 □は全角スペースです。

「プロパティ:値」のハックは海外では(国内でも?)あまり使われていないハックみたいです。
何故かと言うと{・・・} の中にハックとそうでない指定が混在するような記述は避けるべきとされているからです。誰がそんなこと決めたか分りませんが・・・ただValidatorに通らないのは、何となくイヤですよね^^;

blog comments powered by Disqus

PageTop