公開日: 2025 年 12 月 2 日
Chrome 143 がリリースされました。この投稿では、このリリースに含まれる主な機能をご紹介します。Chrome 143 のリリースノート全文をご覧ください。
このリリースのハイライトは次のとおりです。
- アンカー付きフォールバック コンテナ クエリを使用して、位置指定された要素の descendant のスタイルを設定します。
- ロングハンドを使用して、CSS の背景画像をいずれかのエッジに対して相対的に配置します。
font-language-overrideを使用して、グリフ置換のシステム言語をオーバーライドします。
CSS アンカー フォールバック コンテナクエリ
position-try-fallbacks のどちらが適用されているかに基づいて、アンカー位置指定要素の子孫のスタイルを設定する @container anchored(fallback) を導入します。
このようなクエリを使用すると、アンカーとアンカー要素の相対的な位置関係に基づいて、アンカー要素のテザーやアニメーションのスタイルを設定できます。
background-position-x/y の一括指定の辺相対構文
background-position の一括指定プロパティで、背景画像の端の 1 つに対する相対位置を定義します。次に例を示します。
.element {
background-image: url(flower.gif);
background-repeat: no-repeat;
background-position-x: left 30px;
background-position-y: bottom 20px;
}
この実装により、機能ベースラインが新たに利用可能になります。
font-language-override CSS プロパティを実装する
font-language-override CSS プロパティのサポートが導入されました。このプロパティを使用すると、デベロッパーは CSS で 4 文字の言語タグを直接指定して、OpenType グリフの置換に使用されるシステム言語をオーバーライドできます。
これにより、きめ細かいタイポグラフィ制御が可能になります。これは、多言語コンテンツや言語固有のグリフ バリアントを含むフォントに特に便利です。
関連情報
ここでは、主なハイライトの一部のみを取り上げます。Chrome 143 のその他の変更については、以下のリンクをご覧ください。
- Chrome 143 のリリースノート。
- Chrome DevTools の新機能(143)をご覧ください。
- Chrome 143 の ChromeStatus.com の更新。
- Chrome のリリース カレンダー。
登録
最新情報を入手するには、Chrome Developers YouTube チャンネルに登録してください。新しい動画が公開されるたびにメール通知が届きます。X または LinkedIn で Google をフォローして、新しい記事やブログ投稿を入手することもできます。
Chrome 144 がリリースされ次第、Chrome の新機能についてお知らせします。