發布日期: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 開發人員 YouTube 頻道,這樣每當我們發布新影片時,您就會收到電子郵件通知。你也可以在 X 或 LinkedIn 上追蹤我們,取得最新文章和網誌貼文。
Chrome 151 版發布後,我們會立即在此說明 Chrome 的新功能!