---

　ie-css3.htc のダウンロード

http://fetchak.com/ie-css3/ の左上にある Download と書かれたところから ie-css3.htc をダウンロードします。

・・・で、これはなにをするものぞ？
ie-css3.htc は、IEなどを CSS3 で角丸に対応させるものです。
ie-css3.htc で対応できるのは、drop shadow , border radius , text-shadow となります。

　ie-css3.htc サンプルページの作成

ダウンロードした ie-css3.htc を使って早々にサンプルの角丸ページを作成し、主なブラウザで表示検証をしてみました。
サンプルのDemoはここにあります（サンプルDemoのダウンロードはこのページの一番下の方から）。
また、http://mrs.suzu841.com/tebiki/memo/repository.html では、背景にイメージを使用してみました。

　CSSコード

下のコードは上記のサンプルDemoの #container の drop shadow と border radius の編集例であり、css に記述します。
値は左から横方向への距離、縦方向への距離、ぼかしの距離、色の値となります。

当然のことながら、ここの値を変更することにより、ぼかしの色や距離、間隔などの変更ができます。
また、一番下の行の behavior: url(ie-css3.htc)　は、それぞれの環境に合わせて ie-css3.htc を置いた場所を記述してくださいますように。

　配布

上記のサンプルのDemoを配布しております（ ie-css3.htc 含 ）。汚いコードですが、よろしければ練習などにお使いください。
ファイル名は htc_sample.tar.gz となっています。 また、md5sum.txt などの txt ファイルは右クリックにて "名前をつけてリンク先を保存" を選択してください。

2011/06/17　14:13　　　htc_sample.tar.gz
2011/06/17　14:14　　　htc_sample_md5sum.txt
2011/06/17　14:15　　　htc_sample_scan-report.txt

2011年3月5日(土)