DiaryTechnology

CSS3でIEにも角丸を適用させるhtcファイル

CSS3でIEにも角丸を適用させるhtcファイル
CSS3で最も簡単にクロスブラウザの角丸を実装したい。
そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。
Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。
クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。
CSS3

-moz-border-radius: 32px;//for Firefox
-webkit-border-radius: 32px;//for Safari and chrome
border-radius: 32px;//CSS3
behavior: url(border-radius.htc);//for IE

すごく簡単な方法なので、CSS3での角丸はこれで決まりなのでは、と思っちゃいますね。
デモもダウンロードできるので、ぜひ見てみてください。
Rounded corner HTML elements using CSS3
■関連記事
IEをモダンブラウザのように扱う方法10


あっという間に金曜日ですね。今週もばたばただったけど、充実していました。今日はイタリアンのお店で食事してきていい気分です。

Kunitaka Kawashimo

Kunitaka Kawashimo

アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン/Webデザイン/撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp