CSSで罫線を角丸で表示する（１）：FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan

前回、前々回でブラウザと標準規格の動向を見てきたが、今回からは、Firefox 3やSafari 3が新しく対応したHTML/XHTMLやCSSを紹介していきたい。 最初に紹介するのは、Safari 3が新しく対応した、罫線の角を丸く表示するスタイルシートだ。角丸のデザインは、Webページではよく利用されているが、現状では画像を使って表現するしかなく、HTML/XHTMLソースも複雑になるといった問題がある。スタイルシートだけで設定する機能は制作者の多くが待望している機能の1つと言えるだろう。現在のところ、Safari 3とFirefoxが対応しているが、OperaやInternet Explorerは対応していない。 -webkit-border-radiusプロパティ Safari 3が新しく対応した-webkit-border-radiusプロパティでは、半径を指定することで罫線の角

[kentahirai]

角丸にするやつ。safariとfxのみ

[tsukkee]

Operaはまだ実装してないんだったっけ？

[kz2008]

[CSS[罫線を角丸で表示]

[vv_boow_vv]

　Safari 3が新しく対応した-webkit-border-radiusプロパティでは、半径を指定することで罫線の角を丸く表示する。（へぇー！おもしろーい。でも使う、か、な？）

[hiro_y]

角丸CSS、-webkit-border-radiusと-moz-border-radius、border-radius。