CSS による角丸罫線

2008年1月11日(金) 22時11分 by level
B ?

FirefoxとSafariのCSS徹底検証:特集 - builder by ZDNet Japan の第3回、CSSで罫線を角丸で表示する(1):FirefoxとSafariのCSS徹底検証ですが、最後のページ背景画像を使ったサンプルで、Firefox 3 では背景の角がカットされない説明されていますが、手持ちの Windows 版最新ナイトリーではちゃんとカットされます。

Firefox 3 での背景つき角丸表示

角丸は CSS 3 で採用される予定ですが、なるほどこれが使えるようになるとデザインの幅が大きく広がりそうですね。

ところで、正月のテレビで見たクイズ番組では、こういう平面の場合は「丸い」ではなく「円い」が正しいとあって、「えー、そうなんだ!」と思ったのですが、やっぱり「丸い」のほうがしっくりする気がします。

追記:背景画像に対応したのが Firefox 3 Beta 2 の後ということなので、作者さんはおそらく Beta 2 あたりでチェックしているのでしょうね。

最終更新: 2008年1月12日(土) 16時32分

コメント (2)

1 1/12 00:28 くでん
(c1) [2008/01/12 00:28:49] by くでん

> Firefox 3 では背景の角がカットされない
先日ようやくBug 24998として修正されました。Firefox 3 Beta 2公開の後のチェックインです。テーマ作るときとか思うようにならなくて困ってましたから良かったです。

2 1/12 07:54 PH2@Hide
(c2) [2008/01/12 07:54:02] by PH2@Hide

これ、私もいろいろ実験してましたけど、ボックス要素の解釈がとってもユニークな IE が足を引っ張ってくれそうな予感がします(^^;
でも「-」付きプロパティーでブラウザごとに対応できるのは JavaScript を使わなくても良いのでちょっとうれしいかも
他のプロパティーにも応用できれば面白いかななんて
(余計に混乱か)

トラックバック

トラックバックは検索対象外です。

この記事にリンクしているページ < >

  1. [44] http://choppo.s20.xrea.com/diary/200801.htm