CSS3をIEの独自拡張で再現する【その1】テーブルレイアウトを卒業しようこのページに掲載されている内容は、2010年に作成されたものです。最近どんどんCSS3を使ったWebサイトが増えてきています。Explorer(8以下)でCSS3は使えません。そこで、実はかなり前からIEに実装されている独自拡張機能をつかって、同じ見た目を再現する方法をご紹介します。IEのみで使える、CSSとしては仕様外の手法です。validなCSSにこだわる場合は避けた方がよいでしょう。スタイルシートの書き方から使い方、ブラウザーごとの動きの差まで、ページレイアウト手法を習得します。border-radiusプロパティはCSSだけでボックスの角を丸くできるプロパティです。多くのWebサイトで使われており、たとえばtwitterの検索ボックスの角でborder-radiusプロパティが使われています。これはFirefox3.6でのでキャプチャしました。IEでアクセスしたときは角丸にはならず、直角になります。IEでも角を丸くしたい場合、いくつか方法がありますが、定番の手法としてはbackground-imageに角が丸く見える画像を配置する、というのがあります。余計なdivを増やさなくてはいけないケースがある要素の幅を固定しなくてはいけないケースがある画像を作るのがメンドクサイなどのデメリットがあります。そこで、IEの独自拡張プロパティbehavior(ビヘイビア)を使う方法をご紹介します。id="box">かどまるにしたい。