category:
Technology
Back to Blog Index
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