*001w_U-BOX-m

001w_U-BOX-m




001_U-BOX白背景ケータイ用です。

*001_U-BOX-m

001_U-BOX-m




001_U-BOXケータイ用です。

css2.ブラウザによって表記が違う

ブラウザによってプロパティの頭に付ける ベンダープレフィックス(接頭辞)　が違う?!、、だけじゃない！
>>>同じ値の複数表記の必要

-moz- >> Firefox
-webkit- >> Safari、Google Chrome
-o- >> Opera
-ms- >> Internet Explorer

例えば、
プロパティ border-image (画像ボーダーを指定する)では、

border-image: url("img/a.png") 15 round;
-moz-border-image: url("img/a.png") 15 round;
-webkit-border-image: url("img/a.png") 15 round;
-o-border-image: url("img/a.png") 15 round;
-ms-border-image: url("img/a.png") 15 round;

と、各ブラウザ向けの表記をする以外に、

現在、CSS3が審議中で仕様変更・一部機能の廃止・新機能の追加が行われる可能性があることから。
ベンダープレフィックス無しの指定も併記しておく。

すでに、一部がベンダープレフィックス無しで動作するようになっていたり、新しいブラウザではベンダープレフィックスが付いていると、逆に動作しなくなっている機能もあるため。

ただし、ＩＥのシェアが大きい日本では、ＩＥ６～８ではほとんどのプロパティに対応していないため、
無効になってしまう。

>>>CSS3は使わないのが無難。
もしくは、IEでは表示されないことを前提に、別のデザインを指定する。


付記：IEで使えるプロパティ

IE6~9 >> CSS FontFace
IE8~9　>>　Box Sizing, Display: table, Generated Content, DataURI
IE9　>>　RGBA, HSLA, RGBA, Background Size, Multiple Backgrounds, Border Radius, Box Shadow, Opacity, CSS Transforms, , Media Queries


付記2：使えるIE6~9がないプロパティ（FIREFOX,OPERA,CHROMEでは使える）

Border Image, Text Shadow, CSS Animations, CSS Columns, CSS Gradients, CSS Transitions