2022 年 7 月に Stable 版とベータ版のウェブブラウザ版の機能が追加されました。その一部をご紹介します。
安定版のブラウザのリリース
7 月には Firefox 103 と Safari 15.6 が安定版になり、いくつかの優れた CSS 機能を相互運用できるようになりました。
backdrop-filter プロパティ
Firefox 103 には、要素の背後領域にぼかしなどの効果を適用するための backdrop-filter プロパティが含まれています。Firefox ではこの値を使用して、3 つのエンジンすべてで使用できるようになりましたが、Safari では -webkit プレフィックスが必要です。
scroll-snap-stop プロパティ
Firefox には scroll-snap-stop プロパティも実装されています。このプロパティを使用すると、スクロール要素が可能なスナップ位置を通過するか（デフォルト値: normal）、最初のスナップ位置にスナップする必要があるか（値 always）を制御できます。scroll-snap-stop プロパティが 3 つのブラウザ エンジンすべてに追加されました。
Safari 15.6 は問題の解決に主眼を置いたリリースでしたが、:modal 疑似クラスを含む新しい CSS 機能が 1 つ導入されました。この機能は Firefox 103 にも搭載されています。:modal 疑似クラスは、要素が閉じられるまで要素の外のすべてを操作できない場合に、要素を選択します。たとえば、showModal() で開いた dialog 要素などです。
ベータ版ブラウザのリリース
ベータ版のブラウザでは、ブラウザの次の安定版で提供される内容をプレビューできます。この機会に、サイトに影響を及ぼす可能性のある新機能や削除について、一般公開の前にテストすることをおすすめします。
リリース日が月とちがうため、6 月に新しいベータ版がリリースされたのは Firefox 104 だけでした。
Firefox 104 には、ウェブ ワーカーの CSS Font Loading API と、複数のアニメーションが同じプロパティに同時に影響を与える場合の合成オペレーションを定義する CSS animation-composition プロパティが含まれています。
先月お知らせした Safari 16 ベータ版も現在も進行中です。
これらのベータ版機能は、安定版のブラウザでまもなく提供される予定です。
ウェブの最新情報シリーズの一部