Chrome 147 版的新功能

Rachel Andrew

發布日期：2026 年 4 月 7 日

Chrome 147 現已推出，這篇文章將介紹這個版本的部分重要功能。參閱完整的 Chrome 147 版本資訊。

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

元素範圍檢視區塊轉場效果

這項功能會將任意 HTML 元素上的 element.startViewTransition() 公開。 這個元素會建立轉換的範圍，也就是說，轉換虛擬元素會受到祖先剪輯和轉換的影響，且不同元素上的多個轉換可以同時執行。

元素範圍的檢視區塊轉換功能也可讓您巢狀化進行中的檢視區塊轉換，並保持網頁其餘部分的互動性。

詳情請參閱「Chrome 147 支援使用元素範圍檢視區塊轉換，同時進行巢狀檢視區塊轉換」。

CSS contrast-color()

這項函式可協助您符合無障礙功能的對比度規定。

在 CSS 中，只要預期會有顏色值，您就可以使用 contrast-color() 函式。這個函式會採用顏色值引數，並根據與顏色引數的對比度，傳回「black」或「white」。

詳情請參閱 MDN 說明文件中的 contrast-color()。

CSS border-shape 屬性

CSS border-shape 屬性可讓您建立任意形狀的非矩形邊框，例如多邊形、圓形或 shape()。

雖然 border-shape 接受的形狀與 clip-path 相同，但兩者在本質上有所不同。border-shape 會定義邊框的形狀、裝飾邊框，並只剪輯內部。border-shape 有兩種變體：一種會描邊形狀，另一種則會填滿兩個形狀之間的空間。

延伸閱讀

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

訂閱

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

Chrome 148 發布後，我們就會在這裡說明 Chrome 的新功能！