TOP  >  CSS・スタイルシートTIPS  >  CSS3でIEでも角丸にする方法

2010年05月08日 01:03

CSS3でIEでも角丸にする方法

CSS3で要素の角丸を実現する機会も増えてきていますが、
IEでも表示できるようにするには、
Google Codeで配布されているhtcファイルを利用します。



Rounded corner HTML elements using CSS3

上記のサイトから『border-radius.htc』をダウンロード、

behavior: url(border-radius.htc);

このように記述して読み込ませればOKです。
このファイルには以下のような意味があるそうです(直訳)。

この動作は、Internet Explorer用のHTCのファイルすべてのブラウザのCSSプロパティを"境界半径"仕事をすることです。現時点では、すべての主要なブラウザでは、他のよりIEはCSSの4行を追加して角を曲がった示しています。


IEで使えないとなるとどうしても使用する機会が限られてしまいますが、
この方法があれば利用の機会は格段に増やせるのではないでしょうか。

TOP  >  CSS・スタイルシートTIPS  >  CSS3でIEでも角丸にする方法




正当なCSSです!