現時点では、Firefox サポート-moz-border-radius
プロパティのみを信じています。ツイッターが使っていることにビックリ。
これをサポートする予定の他のブラウザーはありますか、それとも CSS3 はこのような機能を開発中ですか?
編集: -webkit-border-top-left-radiusとCSS3 バージョンも見つかりました
では、CSS3 はいつ登場するのでしょうか。
現時点では、Firefox サポート-moz-border-radius
プロパティのみを信じています。ツイッターが使っていることにビックリ。
これをサポートする予定の他のブラウザーはありますか、それとも CSS3 はこのような機能を開発中ですか?
編集: -webkit-border-top-left-radiusとCSS3 バージョンも見つかりました
では、CSS3 はいつ登場するのでしょうか。
現時点では、Mozilla ベースおよび WebKit ベースのブラウザーは実験的にサポートされており-moz-border-radius
、-webkit-border-radius
. 適切に実装されるまでの一時的な措置であることを理解している限り、今すぐ使用することも悪くありません。border-radius
Mozilla、Firefox、および IE で が完全にサポートされるようになるまで、そう長くはかからないと思います。(まあ、できれば IE です。)
更新: 2016 年 8 月の時点で、border-radiusはすべてのネイティブ デスクトップ ブラウザー (およびほとんどのモバイル ブラウザーは言うまでもありません) でネイティブに利用できるようになったため-moz-border-radius
、-webkit-border-radius
などの使用の厳密性はゆっくりと緩和されています。
人々が CSS3 の登場について話していると、私はイライラします。これまでのような完全な仕様ではありません。バージョンを個別にインクリメントできる個別のモジュールに分割されています。
そのため、レベル 4 のセレクターは、レベル 3 の CSS 背景と境界線よりも先に推奨を行う場合があります。
では、CSS3 は登場しますか? 最終的には、一度だけではありません。そのため、それを待たずに、今すぐ使用を開始してください (該当する場合)。
CSS3 仕様が最終化されていないため、Mozilla と Webkit は、ベンダー固有のタグを先頭に追加することで、角を丸くする独自の方法を実装することを決定しました。
これは、CSS3 が最終的にリリースされたときに、border-radius の動作方法 (パラメーターの順序など) が変更された場合に、ベンダー固有のメソッドを使用するサイトが壊れないようにするためです。Mozilla と WebKit はそのまま進んで W3C スタイルを実装でき、開発者はゆっくりとそれに移行できます。
一部の Web サイトで、特にユーザー エクスペリエンスに大きな違いをもたらさない丸みを帯びた角などに使用されているのを見ていることは、それほど驚くべきことではありません。つまり、それを逃しているのは IE ユーザーだけです。
CSS3 には、このような機能があります。
thisによると、IE 8 はborder-radius をサポートしません。
ダッシュで始まるCSSプロパティ(例:)は-moz
、-webkit
ブラウザ固有のプロパティです。
これにより、ブラウザベンダーは新しいCSSプロパティを試すことができます。そうすることは、新しいCSS仕様を作成するプロセスの一般的な部分であり、Web開発者がプロパティがどのように機能するかを確認して問題を提起できるようにします。
border-radius
したがって、ベンダー固有の拡張機能を備えた一部のブラウザに現在実装されているような、多くのCSS3プロパティがあります。
これらが1つのブラウザーでのみ機能することを認識している限り、実稼働サイトでこれらを使用することに特に問題はありません。
CSS3は今から10年後にリリースされるはずです:)
ブラウザーベースのプロパティは、その特定のブラウザーの暫定的な修正のみを目的としており、W3C が CSS に採用するかどうかにかかわらず、非推奨になるはずです。私はそれらがクロスブラウザーであることに依存したり、特定のブラウザー用に保持されたりすることさえありません。