Firefox 13以降で-moz-border-radiusが使用不能に

CSSで角丸を実現するためにFirefoxでは「-moz-border-radius」があります。

-moz-border-radius:10px;

とCSSで指定すると、Firefoxではborderで指定した角が丸くなっていました。最近はFirefoxのバージョンが異常に速いスピードで上がっていきますが、Firefox 13から-moz-border-radiusが使用できなくなっています。

Firefox 13以降ではCSS3の「border-radius」を使用します。CSSで角丸を実現したい場合は下記のようになります。これでFirefox 14、Chrome 21, IE9, Opera 12, Safari 5で角丸が実現できています。

border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

ちなみに、「-moz-border-radius」をGoogleで検索する場合は、”-moz-border-radius”とダブルクォーテーションで囲いましょう。Google検索では、先頭の”-“は”含まない”を表しますので、「-moz-border-radius」と検索すると何もヒットしません。「firefox -moz-border-radius」と検索すると、「firefoxを含み、-moz-border-radiusを含まない」という検索になります。「firefox “-moz-border-radius”」と検索すると「firefoxと-moz-border-radiusを含む」で検索できます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください