7 月に新たに導入されるウェブ プラットフォーム

2022 年 7 月に Stable 版とベータ版のウェブブラウザ版の機能が追加されました。その一部をご紹介します。

安定版のブラウザのリリース

7 月には Firefox 103Safari 15.6 が安定版になり、いくつかの優れた CSS 機能を相互運用できるようになりました。

backdrop-filter プロパティ

Firefox 103 には、要素の背後領域にぼかしなどの効果を適用するための backdrop-filter プロパティが含まれています。Firefox ではこの値を使用して、3 つのエンジンすべてで使用できるようになりましたが、Safari では -webkit プレフィックスが必要です。

対応ブラウザ

  • 76
  • 79
  • 103
  • 18

ソース

scroll-snap-stop プロパティ

Firefox には scroll-snap-stop プロパティも実装されています。このプロパティを使用すると、スクロール要素が可能なスナップ位置を通過するか(デフォルト値: normal)、最初のスナップ位置にスナップする必要があるか(値 always)を制御できます。scroll-snap-stop プロパティが 3 つのブラウザ エンジンすべてに追加されました。

対応ブラウザ

  • 75
  • 79
  • 103
  • 15

ソース

Safari 15.6 は問題の解決に主眼を置いたリリースでしたが、:modal 疑似クラスを含む新しい CSS 機能が 1 つ導入されました。この機能は Firefox 103 にも搭載されています。:modal 疑似クラスは、要素が閉じられるまで要素の外のすべてを操作できない場合に、要素を選択します。たとえば、showModal() で開いた dialog 要素などです。

対応ブラウザ

  • 105
  • 105
  • 103
  • 15.6

ソース

ベータ版ブラウザのリリース

ベータ版のブラウザでは、ブラウザの次の安定版で提供される内容をプレビューできます。この機会に、サイトに影響を及ぼす可能性のある新機能や削除について、一般公開の前にテストすることをおすすめします。

リリース日が月とちがうため、6 月に新しいベータ版がリリースされたのは Firefox 104 だけでした。

Firefox 104 には、ウェブ ワーカーの CSS Font Loading API と、複数のアニメーションが同じプロパティに同時に影響を与える場合の合成オペレーションを定義する CSS animation-composition プロパティが含まれています。

先月お知らせした Safari 16 ベータ版も現在も進行中です。

これらのベータ版機能は、安定版のブラウザでまもなく提供される予定です。

ウェブの最新情報シリーズの一部