Chrome 150 版的新功能

Rachel Andrew

發布日期：2026 年 6 月 30 日

Chrome 150 現已推出，這篇文章將介紹這個版本的主要功能。請參閱完整的 Chrome 150 版本資訊。

這個版本的重要功能包括：

• CSS text-fit 屬性會縮放字體大小，以配合內含方塊。
• Focusgroup 可為網頁元件提供宣告式箭頭鍵導覽功能。
• CSS background-clip: border-area 可讓您以原生方式建立漸層邊框。

CSS text-fit 屬性

text-fit 屬性會縮放文字節點的字型大小，以完美配合其所含方塊的寬度。

這個屬性可確保標題或動態內容填滿可用的水平空間，不必手動計算字型大小或使用複雜的 JavaScript 解決方法。這項功能提供強大的 CSS 原生解決方案，可實現回應式排版，並在不同螢幕尺寸之間維持視覺對齊。

Focusgroup

focusgroup 屬性可讓您以宣告方式為複合式小工具提供方向鍵導覽、有保障的 Tab 鍵停駐點，以及最後焦點記憶體，取代手動編碼的漫遊 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 的透明度。

這樣一來，您就能直接在 CSS 中建立漸層邊框，不必使用border-image變通方法。

延伸閱讀

這僅涵蓋部分重點。如要瞭解 Chrome 150 的其他變更，請參閱下列連結。

• Chrome 150 版本資訊。
• ChromeStatus.com 更新：Chrome 150。
• Chrome 發布時間表。

訂閱

如要掌握最新資訊，請訂閱 Chrome 開發人員 YouTube 頻道，這樣每當我們發布新影片時，您就會收到電子郵件通知。你也可以在 X 或 LinkedIn 上追蹤我們，取得最新文章和網誌貼文。

Chrome 151 版發布後，我們會立即在此說明 Chrome 的新功能！