發布日期:2025 年 12 月 2 日
Chrome 143 現已推出,這篇文章將介紹這個版本的主要功能。如要查看完整版本資訊,請參閱 Chrome 143 版本資訊。
這個版本的重要功能包括:
- 使用錨定後備容器查詢,為錨定位置元素的子系設定樣式。
- 使用長手屬性,將 CSS 背景圖片放置在其中一個邊緣的相對位置。
- 使用
font-language-override覆寫系統語言,進行字元替代。
CSS 錨定後備容器查詢
導入 @container anchored(fallback),根據套用的 position-try-fallbacks,設定錨定位置元素後代的樣式。
這類查詢可用於設定錨定元素繫繩或動畫的樣式,具體取決於錨點和錨定元素彼此的相對位置。
background-position-x/y 簡寫的側邊相對語法
定義背景圖片相對於背景位置速記屬性中其中一個邊緣的位置。例如:
.element {
background-image: url(flower.gif);
background-repeat: no-repeat;
background-position-x: left 30px;
background-position-y: bottom 20px;
}
這項實作作業會讓這項功能成為 Baseline Newly 可用功能。
實作 font-language-override CSS 屬性
開始支援 font-language-override CSS 屬性。開發人員可透過這個屬性,直接在 CSS 中指定四個字元的語言標記,覆寫用於 OpenType 字形替代的系統語言。
這項功能可精細控制排版,特別適合用於多語言內容或含有特定語言字形變體的字型。
延伸閱讀
這份文件僅涵蓋部分重點。如要瞭解 Chrome 143 的其他變更,請參閱下列連結。
訂閱
如要掌握最新資訊,請訂閱 Chrome 開發人員 YouTube 頻道,這樣每當我們發布新影片,您就會收到電子郵件通知。你也可以在 X 或 LinkedIn 上追蹤我們,取得最新文章和網誌貼文。
Chrome 144 版發布後,我們會立即在此說明 Chrome 的新功能!