はじめに
Firefoxにおいて角丸を簡単に実現できる-moz-border-radiusプロパティをこのダイアリーに使ってみました。
moz-border-radius
-moz-border-radiusプロパティの使い方は、以下のように指定するだけです。
-moz-border-radius : 5px;
この-moz-border-radiusというプロパティは、CSS3で提案されているプロパティのFirefox独自実装らしいのですが、画像を一切使わずに、スタイルシートだけで角丸を実現できます。
CSS 3における角丸のプロパティ
罫線の角を丸くするプロパティは、CSS 3では「border-radius」として提案されている。Safari 3の「-webkit-border-radius」や、Firefoxの「-moz-border-radius」はこの規格を先取りしたもので、実験的な対応ということから「-webkit-」や「-moz-」を付けて利用するかたちになっている。
CSSで罫線を角丸で表示する(1):FirefoxとSafariのCSS - builder by ZDNet Japan