Googleは6月30日、Chromeのバージョン150をリリースしたと発表した。
新たに導入されたCSSのtext-fitプロパティは、テキストノードのフォントサイズを包含ボックスの幅に自動調整する。これにより見出しや動的コンテンツを、JavaScriptによる手動計算や複雑な回避策なしで横幅にフィットさせられる。画面サイズの異なる環境でも一貫した表示が可能となることから、レスポンシブデザインでの利用が期待される。
また、focusgroup属性の追加により、複合ウィジェット内での矢印キーによるナビゲーションや、タブストップ、最後にフォーカスされた要素の記憶が宣言的に管理できるようになった。これまで手動コーディングしていたロービングタブインデックススクリプトが不要となる。
さらに、background-clipプロパティへborder-area値が新たに実装された。これは要素の背景をボーダーストローク領域にクリップし、CSSのみでグラデーションボーダーを作成できる。
その他の詳細や変更点はChrome 150のリリースノートや公式サイトで確認できる。
- 関連リンク
この記事は参考になりましたか？
- この記事の著者
-
CodeZine編集部（コードジンヘンシュウブ）
CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
