Microsoft Edge 140 Web プラットフォームのリリースノート (2025 年 9 月)

2025 年 9 月 4 日にリリースされる Microsoft Edge 140 の新しい Web プラットフォームの機能と更新プログラムを次に示します。

最新の状態を維持し、最新の Web プラットフォーム機能を取得するには、Microsoft Edge (ベータ、開発、またはカナリア) のプレビューチャネルをダウンロードします。 [Microsoft Edge Insider になる] に移動します。

詳細な内容:

Edge DevTools
WebView2
Web プラットフォーム機能
配信元の試用版
- Microsoft Edge のみの配信元試用版

Edge DevTools

DevTools (Microsoft Edge 140) の新機能に関するページを参照してください。

WebView2

WebView2 SDK のリリースノートの 1.0.3485.44 (2025 年 9 月) を参照してください。

Web プラットフォーム機能

CSS 機能

CSS `caret-animation` プロパティ

Microsoft Edge では、 caret-color CSS プロパティのアニメーション化がサポートされています。ただし、アニメーション化すると、キャレットの既定の点滅動作がアニメーションに干渉しました。

caret-animation プロパティでは、次の 2 つの値がサポートされるようになりました。

auto: ブラウザーの既定の点滅動作が発生します。
manual: キャレットアニメーションを制御します。

関連項目:

CSS Basic ユーザーインターフェイスモジュールレベル 4 の挿入キャレットのアニメーション: キャレットアニメーション。

`counter()` `content` CSS プロパティの代替テキストに`counters()`

counter()およびcounters() CSS 関数を、content CSS プロパティの代替テキスト部分で使用できるようになりました。

例:

::before {
  content: url("images/chapter-separator.png") / "Chapter" counter(chapter);
}

関連項目:

CSS `scroll-target-group` プロパティ

scroll-target-group: auto CSS プロパティは、要素がスクロールマーカーグループコンテナーであることを指定します。

ブラウザーは、スクロールマーカーグループコンテナー内の現在のスクロールマーカーを追跡し、:target-current擬似クラスを使用して要素<a>スタイルを設定できます。

たとえば、次のスニペットは、目次内の現在表示されている章を自動的に強調表示する方法を示しています。

<style>
  ol {
    right: 10px;
    top: 10px;
    position: fixed;
    scroll-target-group: auto;
  }

  a:target-current {
    color: red;
  }

  .chapter {
    height: 60vh;
    margin: 10px;
  }
</style>
<ol>
  <li><a href="#intro">Introduction</a></li>
  <li><a href="#ch1">Chapter 1</a></li>
  <li><a href="#ch2">Chapter 2</a></li>
</ol>
<div id="intro" class="chapter">Introduction content</div>
<div id="ch1" class="chapter">Chapter 1 content</div>
<div id="ch2" class="chapter">Chapter 2 content</div>

関連項目:

MDN の ::scroll-marker 。
:target-current at MDN。
CSS オーバーフローモジュールレベル 5 ドラフトの 'scroll target group' プロパティ。

CSS 型の算術演算

CSS で型指定された算術演算を使用すると、 calc(10em / 1px) や calc(20% / 0.5em * 1px) などの式を記述して、ユニットレス値を取得できます。単位なしの値は、文字体裁などの場合に役立ちます。

CSS 型の算術演算を使用すると、単位を持つ値を単位のない値に変換できます。その後、数値を受け取る CSS プロパティでユニトレス値を使用したり、ピクセル値を度の値に変換するなど、別の単位を持つ値で単位なしの値をさらに乗算したりできます。

関連項目:

CSS 値とユニットモジュールレベル 4 の「チェックイン」と入力します。

promise タイミング変更 `finished` 遷移を表示する

以前は、ビューの切り替えを削除するビジュアルフレームの後に解決されたビュー遷移の finished promise がブラウザーによって生成されました。これにより、JavaScript コードでスタイルが変更された場合、ビューの切り替えの最後にちらつきが発生する可能性があります。

この問題に対処するために、 finished の約束のタイミングが変更されました。

関連項目:

[css-view-transitions-1] 完了した promise タイミング
MDN で遷移 API を表示します。

ビューの切り替え: より多くのアニメーションプロパティが継承されます

次の CSS アニメーションプロパティが、ビュー遷移擬似要素によって継承されるようになりました。

animation-timing-function
animation-iteration-count
animation-direction
animation-play-state
animation-delay

関連項目:

MDN で遷移 API を表示します。

入れ子になったビューの切り替え

入れ子になったビューの切り替えでは、ビューの遷移で、フラットな擬似要素ツリーではなく、入れ子になった擬似要素ツリーを生成できます。これにより、特定のビュー遷移を元の要素と同じように表示できます。

一部の CSS 機能は、DOM ツリー内の要素間の関係に依存しています。次に例を示します。

overflow、clip-path、または border-radius プロパティからのクリッピング。
transform、transform-style、または perspective プロパティからの 3D 効果。
opacity、mask-image、またはfilterプロパティからのマスクと効果。

これらの効果の視覚的な出力は DOM ツリーの構造に依存し、DOM ツリーをフラット化するビューの遷移によって、これらの効果が期待どおりに機能しなくなる可能性があります。

関連項目:

MDN で遷移 API を表示します。
Explainer: WICG / view-transitions GitHub リポジトリの入れ子になったビュー遷移グループ。

`font-variation-settings` `@font-face`ルール内の記述子

@font-face ルールで font-variation-settings プロパティがサポートされるようになりました。

font-variation-settings プロパティを使用すると、個々の要素のフォントの太さ、幅、傾斜、その他の軸を調整できます。 font-variation-settings プロパティは、@font-faceルール宣言内でも使用できるようになりました。これにより、繰り返しを減らし、文字体裁スタイルを定義しやすくなります。

関連項目:

MDN の font-variation-settings 。
MDN で@font顔。

Web API

`Http-` と `HostHttp-` Cookie 名プレフィックス

サーバー側で、サーバーとクライアントによって設定された Cookie を区別するために、 __Http- と __HostHttp- 名のプレフィックスが Cookie で使用できるようになりました。

これらのプレフィックスを使用すると、JavaScript コードを使用してクライアント側で Cookie が設定された場合にチェックできます。たとえば、通常はサーバーによって常に設定される Cookie がクライアントによって予期せず設定されていないことを確認します。

関連項目:

Cookie の "__Http-" プレフィックス: HTTP 状態管理メカニズム。

`overscroll-behavior` `<html>`からビューポートへの伝達

以前は、 overscroll-behavior は <body> からページのビューポートに伝達されていました。 overscroll-behavior プロパティがルート <html> 要素からビューポートに伝達されるようになりました。

これにより、Microsoft Edge が他のブラウザーと一致します。

関連項目:

MDN での overscroll-behavior。

`min` オプション `ReadableStreamBYOBReader.read(view)`

ReadableStreamBYOBReader.read(view) API の min オプションを使用すると、読み取り操作を解決する前に、少なくとも最小数の要素が使用可能になるまでストリームを待機する必要があります。

ReadableStreamBYOBReader.read(view) API を使用すると、ストリームデータを読み取るバッファービューを指定できます。新しい min オプションを使用すると、ビューに対応できる要素数よりも少ない要素でストリームの読み取り操作が解決されるのを回避できます。これは、コンシューマーがデコード、解析、またはその他の処理ロジックを続行する前に最低限の数の要素を必要とすることが多いパフォーマンスに依存するアプリケーションに役立ちます。

関連項目:

ReadableStreamBYOBReader: MDN の read() メソッド。

`container` オプション `scrollIntoView()`

既定では、 scrollIntoView() 関数は、スクロールコンテナーでもある要素のすべての先祖をスクロールします。

scrollIntoView()関数では、container オプションがサポートされるようになりました。これは、代わりに最も近い先祖のみをスクロールするために使用できます。

例:

slideList.addEventListener('click', event => {
  // scrollIntoView will automatically determine the position.
  event.target.targetSlide.scrollIntoView({container: 'nearest', behavior: 'smooth'});
});

関連項目:

要素: MDN の scrollIntoView() メソッド。

サービスワーカーの静的ルーティング API のタイミング

ナビゲーション API とリソースタイミング API で、新しいサービスワーカーの静的ルーティング API タイミング情報を使用できるようになりました。この情報を使用すると、静的ルーティング API によって発生する待機時間 (ルーターの評価時間やキャッシュ参照の実行に必要な時間など) を測定したり、一致したソースが最終的に使用されるソースであるかどうかを判断したりできます。

新しいタイミング情報では、次の情報が提供されます。

一致したルート (静的ルーティング API によって評価されたルート)。
リソースが取得された実際のソース。
ルートとの一致にかかった時間。

関連項目:

MDN でのナビゲーションとリソースのタイミング。
MDN の Service Worker API 。

SharedWorker スクリプトは BLOB URL のコントローラーを継承します

SharedWorker インスタンスが BLOB URL のコントローラーを継承するようになりました。これにより、Microsoft Edge は他のブラウザーと一致します。

関連項目:

MDN の SharedWorker 。
MDN の BLOB。

Popover ToggleEvent `source` 属性

ポップオーバーのToggleEvent インスタンスの source 属性は、ToggleEventをトリガーした要素 (該当する場合) を参照するようになりました。

たとえば、popovertarget属性を持つ<button>要素、またはポップオーバーを開くために設定されたcommandfor属性がユーザーによってクリックされた場合、ToggleEventにはsource属性が呼び出し元ボタンに設定されます。

関連項目:

MDN の ToggleEvent 。

Uint8Array を base64 形式と 16 進形式の間で変換する

Uint8Array オブジェクトには、Base64 データ形式と 16 進データ形式の間で変換する次の新しいメソッドがあります。

Uint8Array.fromBase64()
Uint8Array.fromHex()
Uint8Array.prototype.toBase64()
Uint8Array.prototype.toHex()
Uint8Array.prototype.setFromBase64()
Uint8Array.prototype.setFromHex()

関連項目:

`highlightsFromPoint` API

highlightsFromPoint API を使用すると、ドキュメント内の特定のポイントに存在する強調表示を検出することで、カスタム強調表示を操作できます。

highlightsFromPoint API は、複数の強調表示が重なっているか、シャドウ DOM 内に存在する可能性があるアプリに役立ちます。この API を使用すると、強調表示されたリージョンでユーザーのクリックやホバーイベントに応答して、カスタムヒント、コンテキストメニュー、またはその他の対話型機能をトリガーするなど、カスタム強調表示を持つ動的な相互作用をより効果的に管理できます。

関連項目:

MDN の CSS カスタム強調表示 API 。

削除された機能

一部の要素内の `<h1>` の特殊なフォントサイズ規則を削除しました

以前は、<article>、<aside>、<nav>、および <section> 要素内に入れ子になった<h1>要素に特別な余白とフォントサイズが適用されていました。

これらの特別なルールは、アクセシビリティの問題を引き起こしたため、この変更をアクセシビリティツリーに反映せずに、入れ子になった <h1> 要素のフォントサイズを視覚的に <h2> に縮小するなど、削除されました。

関連項目:

<h1>–<h6>: MDN の HTML セクション見出し要素。

配信元の試用版

以下は、期間限定で独自のライブ Web サイトで試すことができる新しい試験的 API です。

配信元の試用版の詳細については、「 Microsoft Edge で配信元試用版を使用する」を参照してください。

使用可能な配信元試用版の完全な一覧については、「 Microsoft Edge 配信元試用版」を参照してください。

Microsoft Edge のみの配信元試用版

Web アプリスコープ拡張機能

有効期限: 2025 年 8 月 31 日

scope_extensions は、Web アプリがスコープを他の配信元に拡張できるようにする新しい Web アプリマニフェストメンバーです。

スコープ拡張機能を使用すると、複数のサブドメインとトップレベルドメインに依存する Web アプリを 1 つの Web アプリとして表示できます。

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "type",
      "origin": "https://example.com"
    }
  ]
}

scope_extensions メンバーに一覧表示される配信元は、.well-known/web-app-origin-association という名前の構成ファイルをホストすることで、Web アプリに関連付けられていることを確認する必要があります。ファイルには、Web アプリの配信元を一覧表示する必要があります。

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

MS ハイコントラスト非推奨

有効期限は 2025 年 9 月 9 日です。

MS High Contrast 非推奨の配信元の試用版では、従来の CSS -ms-high-contrast メディアクエリとレガシ -ms-high-contrast-adjust プロパティが有効になります。

「-ms-high-contrast と -ms-high-contrast-adjust のサポートの廃止」を参照してください。

AriaNotify API

有効期限は 2025 年 10 月 14 日です。

AriaNotify API を使用すると、Web ページのコンテンツにユーザーが開始しない変更が発生したときに、アプリでスクリーンリーダーに何を言うかを直接伝えることができます。最も単純なシナリオでは、ドキュメントまたは要素で ariaNotify("foo") を呼び出します。

「Aria Notify を使用したよりアクセシビリティの高い Web の作成」を参照してください。

取得情報 API

有効期限は 2025 年 12 月 18 日です。

Acquisition Info API は、アプリストアまたはブラウザーから直接取得された PWA のサードパーティの取得属性をサポートします。

注:

このページの一部は、Chromium.org によって作成および共有された作業に基づく変更であり、クリエイティブ・コモンズ帰属4.0国際ライセンスに記載されている条件に従って使用されます。

フィードバック

このページはお役に立ちましたか?

Last updated on 2025-09-23

次の方法で共有

Microsoft Edge 140 Web プラットフォームのリリース ノート (2025 年 9 月)

Edge DevTools

WebView2

Web プラットフォーム機能

CSS 機能

CSS caret-animation プロパティ

counter() content CSS プロパティの代替テキストにcounters()

CSS scroll-target-group プロパティ

CSS 型の算術演算

promise タイミング変更 finished 遷移を表示する

ビューの切り替え: より多くのアニメーション プロパティが継承されます

入れ子になったビューの切り替え

font-variation-settings @font-faceルール内の記述子

Web API

__Http- と __HostHttp- Cookie 名プレフィックス

overscroll-behavior <html>からビューポートへの伝達

min オプション ReadableStreamBYOBReader.read(view)

container オプション scrollIntoView()

サービス ワーカーの静的ルーティング API のタイミング

SharedWorker スクリプトは BLOB URL のコントローラーを継承します

Popover ToggleEvent source 属性

Uint8Array を base64 形式と 16 進形式の間で変換する

highlightsFromPoint API

削除された機能

一部の要素内の <h1> の特殊なフォント サイズ規則を削除しました

配信元の試用版

Microsoft Edge のみの配信元試用版

Web アプリスコープ拡張機能

MS ハイ コントラスト非推奨

AriaNotify API

取得情報 API

フィードバック

その他のリソース

Microsoft Edge 140 Web プラットフォームのリリースノート (2025 年 9 月)

CSS `caret-animation` プロパティ

`counter()` `content` CSS プロパティの代替テキストに`counters()`

CSS `scroll-target-group` プロパティ

promise タイミング変更 `finished` 遷移を表示する

ビューの切り替え: より多くのアニメーションプロパティが継承されます

`font-variation-settings` `@font-face`ルール内の記述子

`Http-` と `HostHttp-` Cookie 名プレフィックス

`overscroll-behavior` `<html>`からビューポートへの伝達

`min` オプション `ReadableStreamBYOBReader.read(view)`

`container` オプション `scrollIntoView()`

サービスワーカーの静的ルーティング API のタイミング

Popover ToggleEvent `source` 属性

`highlightsFromPoint` API

一部の要素内の `<h1>` の特殊なフォントサイズ規則を削除しました

MS ハイコントラスト非推奨