Chrome 149

安定版のリリース日: 2026 年 6 月 2 日

特に記載がない限り、以下の変更は Android、ChromeOS、Linux、macOS、Windows 向けの Chrome 149 Stable チャンネル リリースに適用されます。

CSS と UI

CSS ギャップ装飾

CSS ギャップ装飾を使用すると、グリッドや Flexbox などのコンテナ レイアウトのギャップを、複数列レイアウトの column-rule と同様にスタイル設定できます。この機能は、グリッド レイアウトや Flexbox レイアウトのギャップをスタイル設定するためにハックを使用する必要があるウェブ デベロッパーから強く要望されていました。

column-rule-insetrow-rule-insetcolumn-rule-visibility-itemsrow-rule-visibility-items などの新しい CSS プロパティが導入され、ルールの幅、色、インセットのアニメーションがサポートされます。

CSS ギャップ装飾に関するブログ投稿 | トラッキング バグ #357648037 | ChromeStatus.com のエントリ | 仕様

ユーザー インタラクション時にテキストのオーバーフローをクリップする

ユーザーが text-overflow: ellipsis が設定されたテキストを操作(編集やキャレット ナビゲーションなど)すると、テキストは一時的に省略記号からクリップに切り替わります。これにより、ユーザーは非表示のオーバーフロー コンテンツを表示して操作できます。この機能は、編集可能な要素と編集不可能な要素の両方に適用されます。<textarea><input> などのフォーム コントロールでは、この動作はすでにサポートされています。

トラッキング バグ #40731275 | ChromeStatus.com のエントリ | 仕様

表の明示的な枠線の色に関する UA スタイルシート ルールを削除

この変更により、<table> 要素の UA スタイルシートから誤った border-color: gray CSS ルールが削除されます。このルールは HTML 仕様に含まれておらず、ボーダーがデフォルトで currentColor になるのを妨げていました。Firefox と WebKit のどちらも UA スタイルシートにこの gray ボーダーカラー ルールがないため、相互運用性の問題が発生していました。

トラッキング バグ #494554835 | ChromeStatus.com のエントリ | 仕様

shape-outsidepath()shape() をサポート

CSS の shape-outside プロパティで path()shape() のシェイプ関数をサポートします。これらの関数を使用すると、デベロッパーはフロート除外の形状をより柔軟に定義し、アニメーションをサポートできます。

トラッキング バグ #502328208 | ChromeStatus.com のエントリ | 仕様

shape-outsiderect()xywh() をサポート

CSS の shape-outside プロパティで rect()xywh() の基本形状関数をサポートします。これらの関数を使用すると、デベロッパーは長方形の座標を使用してフロート除外の形状を定義できます。これにより、Chrome はこの機能をすでにサポートしている Firefox や Safari と同じになります。

トラッキング バグ #490343453 | ChromeStatus.com のエントリ | 仕様

ユーザー アクションの疑似クラスの最上位レイヤの境界

要素の親で一致する :hover:active:focus-within を、親チェーンの最初の最上位レイヤ要素までのみ一致するように変更します。通常、トップレイヤ要素は親チェーンから視覚的に切り離されてレンダリングされるため、トップレイヤ要素がホバーまたはアクティブ化されたときに親スタイルを変更するのは意味がありません。

トラッキング バグ #407769114 | ChromeStatus.com エントリ | 仕様

ウェブアプリのスコープのシステム アクセント カラー

CSS キーワード(AccentColorAccentColorText)および accent-color: auto のシステム アクセント カラーへのアクセスを、ウェブアプリと初期プロファイル コンテキスト内のみに制限します。これにより、ウェブ上でユーザーのシステムカラーを幅広く公開する際の重要なフィンガープリント ベクトルが制限されます。

トラッキング バグ #481353056 | ChromeStatus.com のエントリ | 仕様

image-rendering: crisp-edges

image-rendering: crisp-edges は、コントラストとエッジを保持し、色を滑らかにしたり、画像にぼかしを導入したりしない方法で画像をスケーリングする必要があることを示します。

Chrome、Firefox、Safari は crisp-edgespixelated を同義語として扱い、最近傍スケーリングを使用して両方を実装します。

トラッキング バグ #41073066 | ChromeStatus.com のエントリ | 仕様

CSS プロパティとして path-length をサポート

SVG の pathLength プレゼンテーション属性にマッピングされる新しい CSS プロパティ path-length を導入します。これは、pathLength をサポートする SVG ジオメトリ要素(<path><circle><rect><line><polyline><polygon><ellipse> など)に適用され、作成者はスタイルシート、インライン スタイル、アニメーションで指定できます。

トラッキング バグ #40670251 | ChromeStatus.com のエントリ | 仕様

ウェブ API

Intl.Locale.prototype.variants

ECMA-402 仕様に記載されているとおり Intl.Locale.prototype.variants を追加し、Intl.Locale コンストラクタのオプション バッグで variants を受け入れます。

ChromeStatus.com のエントリ | 仕様

Payment Request: 支払いハンドラが内部エラーを報告できるようにする

Payment Request API を使用してアクセスされた支払いハンドラが、「ユーザーがキャンセルした」(AbortError)場合と「内部支払いアプリのエラー」(OperationError)の場合で異なるエラーを返すようにします。これにより、内部アプリのエラーが発生したときにデベロッパーが再試行したり別のフローにフォールバックしたりできるようになり、ユーザーがキャンセルした場合は適切に停止します。

トラッキング バグ #473478138 | ChromeStatus.com のエントリ | 仕様

TSF で Windows タッチキーボードの autocorrect="off" を尊重

フォーカスされた編集可能な要素に autocorrect="off" が設定されている場合、Chrome の TSF 統合で Windows のタッチキーボードの自動修正を検出し、元に戻します。

トラッキング バグ #487613498 | ChromeStatus.com のエントリ | 仕様

クリップボードの形式の選択的な読み取り

ウェブ アプリケーションが getType() を呼び出すまで、実際のクリップボード データの取得を OS から延期することで、非同期クリップボード API を強化します。read() の時点で利用可能なすべての形式を積極的に取得する代わりに、ブラウザは利用可能な MIME タイプを含むが、基盤となるデータを含まない ClipboardItem オブジェクトを返すようになりました。これにより、CPU 使用率が低下し、応答性が向上します。

トラッキング バグ #435051711 | ChromeStatus.com のエントリ | 仕様

ネットワークと接続

bfcache エントリで WebSocket を切断

アクティブな WebSocket 接続があっても、ページがバックフォワード キャッシュ(bfcache)に保存されるのを妨げることはなくなりました。ドキュメントを不適格としてマークする代わりに、bfcache エントリで接続を閉じることで、ブラウザはアクティブな WebSocket を使用するページを保存して復元できるようになりました。

トラッキング バグ #467838624 | ChromeStatus.com エントリ | 仕様

新しいオリジン トライアル

ゲームパッドのイベント駆動型入力 API

新しいイベント ドリブン モデルで Gamepad API を拡張し、アプリケーションがより低いレイテンシでゲームパッド入力を受け取れるようにします。navigator.getGamepads() を使用した頻繁なポーリングに頼る代わりに、デベロッパーは rawgamepadinputchange イベントをリッスンできるようになりました。このイベントは、デバイスから新しい入力データが利用可能になるたびに発生します。

オリジン トライアル | トラッキング バグ #40582297 | ChromeStatus.com のエントリ | 仕様

権限に関するポリシー: focus-without-user-activation

埋め込みコンテンツから focus-without-user-activation 権限ポリシーを使用してプログラムによるフォーカスを制御できます。フレームでポリシーが拒否されると、ユーザーのアクティベーションによってトリガーされない限り、プログラムによるフォーカス呼び出し(element.focus()autofocuswindow.focus()dialog.showModal()、ポップオーバーのフォーカス)はブロックされます。

オリジン トライアル | トラッキング バグ #40095111 | ChromeStatus.com のエントリ | 仕様

WebAssembly カスタム記述子

WebAssembly で、ソースレベルの型に関連付けられたデータを新しい「カスタム記述子」オブジェクトに効率的に保存できるようになります。これらのカスタム記述子は、そのソースレベルの型の WebAssembly オブジェクトのプロトタイプで構成できます。これにより、メソッドを WebAssembly オブジェクトのプロトタイプ チェーンにインストールし、通常のメソッド呼び出し構文を使用して JavaScript から直接呼び出すことができます。

オリジン トライアル | トラッキング バグ #403372470 | ChromeStatus.com のエントリ | 仕様