9 月にウェブ プラットフォームを導入

2025 年 9 月に安定版とベータ版のウェブブラウザに搭載された興味深い機能をご紹介します。

Rachel Andrew

公開日: 2025 年 10 月 1 日

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

Chrome 140、Chrome 141、Safari 26、Firefox 143 が 9 月に安定版としてリリースされました。この投稿では、ウェブ プラットフォームにとって非常にエキサイティングな 1 か月を振り返ります。

Safari 26 の新しい CSS 機能

最新の Safari リリースには多くの新機能が搭載されています。詳しくは、Safari 26.0 の WebKit 機能をご覧ください。CSS の主なハイライトには、次の機能があります。

アンカーの配置

Interop 2025 の一環として、Safari は CSS アンカー ポジショニングのサポートをリリースしました。これにより、要素をアンカーに固定できます。これは、ポップオーバーと組み合わせると特に便利です。

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: not supported.
  • Safari: 26.

Source

text-wrap: pretty

text-wrap の pretty 値は、ブラウザにタイポグラフィの改善を要求します。たとえば、行末の不揃いやタイポグラフィの川の影響を軽減したり、最後の行が短くなるのを防いだりします。

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: not supported.
  • Safari: 26.

Source

スクロールドリブン アニメーション

Safari にはスクロール駆動型アニメーションのサポートも搭載されており、アニメーションをユーザーのスクロール量に関連付けることができます。

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: behind a flag.
  • Safari: 26.

Source

新しい値と関数

Safari は contrast-color() 関数をサポートする最初のブラウザです。この関数を使用すると、別の色に対して最もコントラストの高い色を選択するようブラウザに指示できます。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.

Source

progress() 数学関数は、他の 2 つの値の間の進行状況を示す数値を返します。

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: not supported.
  • Safari: not supported.

絶対位置指定の align-self プロパティと justify-self プロパティがサポートされるようになりました。

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

論理プロパティ overflow-block と overflow-inline がサポートされており、overflow-x と overflow-y の代わりに使用できます。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 69.
  • Safari: 26.

Source

Safari でも margin-trim がサポートされるようになりました。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 16.4.

Source

::details-content 疑似要素

Firefox 143 では ::details-content のサポートが追加され、<details> 要素のコンテンツのスタイルを設定できるようになりました。

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: 143.
  • Safari: 18.4.

Source

生成されたコンテンツで作成されたマーカーのスタイリングのサポート

Firefox 143 では、::before::marker セレクタと ::after::marker セレクタのサポートも追加されています。これらを使用すると、::before または ::after 疑似要素を使用して作成された ::marker のスタイルを設定できます。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: not supported.
  • Safari: not supported.

Digital Credentials API

Safari 26 と Chrome 141 では、デジタル認証情報 API がサポートされています。これにより、ウェブサイトは、デジタル ウォレットに保存されている運転免許証や国民識別カードなどのデジタル認証情報を介して、ユーザーに関する検証可能な情報を選択的にリクエストできます。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.

URL パターン API がベースラインで新たに利用可能に

URL パターン API を使用すると、URL パターン標準を使用して、正規表現で URL を照合できます。Safari 26 でリリースされ、現在では Baseline Newly available になっています。

Browser Support

  • Chrome: 95.
  • Edge: 95.
  • Firefox: 142.
  • Safari: 26.

Source

Uint8Array と base64 および hex の間の変換が Baseline で新たに利用可能になりました

Base64 は、任意のバイナリデータを ASCII として表現する一般的な方法です。JavaScript にはバイナリデータ用の Uint8Arrays があります。ただし、そのデータを base64 としてエンコードしたり、base64 データを受け取って対応する Uint8Array を生成したりする組み込みメカニズムはありません。この機能により、16 進文字列と Uint8Arrays の間で変換を行うための機能とメソッドが追加されます。Chrome 140 では、Baseline Newly available になります。

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 133.
  • Safari: 18.2.

Source

caret-animation プロパティ

Chrome 140 でリリースされた CSS の caret-animation プロパティは、auto と manual の 2 つの値を取ります。auto はブラウザのデフォルト（点滅）を意味し、manual はデベロッパーがキャレット アニメーションを制御することを意味します。また、点滅するビジュアルに不快感や悪影響を感じるユーザーは、ユーザー スタイルシートを使用して点滅を無効にできます。

Browser Support

  • Chrome: 140.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

Source

ARIA Notify API

Chrome 141 以降では、ariaNotify が JavaScript API を提供し、コンテンツ作成者はスクリーン リーダーに読み上げる内容を指示できるようになります。ARIA ライブリージョンと比較して信頼性とデベロッパーの制御が向上し、DOM の更新に関連しない変更をアナウンスできます。

getAll() と getAllKeys() の IndexedDB getAllRecords() オプションと direction オプション

Chrome 141 のこの機能では、IndexedDB の IDBObjectStore と IDBIndex に getAllRecords() メソッドが追加されます。また、getAll() と getAllKeys() に方向パラメータを追加します。この機能により、カーソルを使用した既存の代替手段であるイテレーションと比較して、特定の読み取りパターンを大幅に高速化できます。

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

ブラウザのベータ版では、ブラウザの次の安定版で提供される予定の機能をプレビューできます。この期間は、サイトに影響を与える可能性のある新機能や削除を、世界にリリースされる前にテストする絶好の機会です。今月の新しいベータ版は、Firefox 144 と Safari 26.1 です。

Safari 26.1 は、主にバグの修正を含むリリースです。アンカーの配置の修正などが含まれています。Firefox 144 では、シングルページ アプリ（SPA）のビュー遷移がリリースされます。これは Interop 2025 の重点分野の 1 つであり、この機能が Baseline Newly available になることを意味します。

Firefox 144 には、Element、DocumentFragment、Document インターフェースの moveBefore() メソッドも含まれています。これにより、オブジェクトの直下の子要素を、その別の子要素の前に移動できます。