Chrome 147 の新機能

Rachel Andrew

公開日: 2026 年 4 月 7 日

Chrome 147 がリリースされました。この投稿では、このリリースにおける主な機能についてご紹介します。Chrome 147 のリリースノート全文をご覧ください。

このリリースのハイライト:

• 要素スコープのビュー遷移により、 startViewTransitionが任意の HTML 要素で公開されます。
• CSS contrast-color() は、アクセシビリティ要件を満たすのに役立ちます。
• CSS の border-shape プロパティを使用すると、 長方形以外のボーダーを作成できます。

要素スコープのビュー遷移

この機能により、任意の HTML 要素で element.startViewTransition() が公開されます。 この要素は遷移のスコープを確立します。つまり、遷移疑似要素は祖先のクリップと変換の影響を受け、別々の要素に対する複数の遷移を同時に実行できます。

要素スコープのビュー遷移では、進行中のビュー遷移をネストして、ページの残りの部分をインタラクティブに保つこともできます。

詳しくは、Chrome 147 で要素スコープのビュー遷移を使用して同時ビュー遷移とネストされたビュー遷移が可能になるをご覧ください。

CSS contrast-color()

この関数は、アクセシビリティのコントラスト要件を満たすのに役立ちます。

contrast-color() 関数は、CSS で色の値が想定される任意の場所で使用できます。色の値の引数を取り、色の引数に対して最も高いコントラストを提供する方に応じて「黒」または「白」を返します。

詳しくは、の MDN ドキュメントをご覧くださいcontrast-color()。

CSS の border-shape プロパティ

CSS の border-shape プロパティを使用すると、ポリゴン、円、shape() など、任意の形状で長方形以外のボーダーを作成できます。

border-shape は clip-path と同じ形状を受け入れますが、根本的に異なります。border-shape はボーダーの形状を定義して装飾し、内側のみをクリップします。border-shape には、形状をストロークするバリアントと、2 つの形状の間を塗りつぶすバリアントの 2 つがあります。

関連情報

ここでは、主なハイライトのみを紹介します。Chrome 147 のその他の変更については、以下のリンクをご覧ください。

• Chrome 147 のリリースノート。
• Chrome DevTools の新機能（147）。
• Chrome 147 の ChromeStatus.com の更新情報。
• Chrome のリリース カレンダー。

登録

最新情報を入手するには、Chrome Developers YouTube チャンネルに登録してください。新しい動画が公開されるたびに メール通知が届きます。X または LinkedIn でフォローして、新しい記事やブログ投稿を入手することもできます。

Chrome 148 がリリースされたら、Chrome の新機能をお知らせします。