Chrome 150 の新機能

Rachel Andrew

公開日: 2026 年 6 月 30 日

Chrome 150 は現在ロールアウト中です。この投稿では、今回のリリースにおける主な機能の一部をご紹介します。Chrome 150 のリリースノート全文をご覧ください。

このリリースのハイライトは次のとおりです。

CSS text-fit プロパティ

text-fit プロパティは、テキストノードのフォントサイズを、そのテキストノードを含むボックスの幅に完全に収まるように調整します。

このプロパティを使用すると、見出しや動的コンテンツが、手動でフォントサイズを計算したり複雑な JavaScript の回避策を講じたりすることなく、利用可能な水平スペースを埋めるようにできます。さまざまな画面サイズで視覚的な配置を維持する、レスポンシブ タイポグラフィのための堅牢な CSS ネイティブ ソリューションを提供します。

Focusgroup

focusgroup 属性を使用すると、宣言的に複合ウィジェットに矢印キー ナビゲーション、保証されたタブストップ、最後にフォーカスされたメモリを指定できます。これにより、手動でコーディングされたロービング tabindex スクリプトを置き換えることができます。

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

CSS background-clip: border-area

CSS の background-clip プロパティの border-area 値を実装します。background-clip: border-area は、border-width と border-style を考慮し、border-color の透明度を無視しながら、要素の背景をその枠線のストロークで描画された領域にクリップします。

これにより、border-image の回避策を必要とせずに、CSS でグラデーションの境界線を直接作成できます。

関連情報

ここでは、主なハイライトの一部のみを取り上げます。Chrome 150 のその他の変更については、以下のリンクをご覧ください。

登録

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

Chrome 151 がリリースされ次第、Chrome の新機能についてお知らせします。