AMP 電子郵件支援的 CSS

本文概述 AMP 電子郵件中目前支援的 CSS 功能。

套用 CSS

當使用內部樣式表時，CSS 會在電子郵件的 <head> 標籤中，以單一個 <style amp-custom> 標籤指定。

除了內部樣式表之外，也可以使用 style 屬性，在任何元素上指定行內樣式。

AMP 電子郵件不支援外部樣式表。

不允許在電子郵件的任何地方使用 <link rel="stylesheet" href="...">。

以下 CSS 屬性具有其他限制

屬性	限制
`cursor`	唯一允許的值為 `pointer` 和 `initial`。
`filter`	不允許使用 `url()`。
`transition`	只有 `opacity`、`transform`、`visibility` 和 `offset-distance` 可以進行動畫處理。
`visibility`	唯一允許的值為 `hidden`、`visible` 和 `initial`。
`z-index`	僅允許 -100 到 100 之間的值。

目前唯一支援的 at 規則為 @media。請參閱媒體功能以取得更多資訊。

AMP 電子郵件不支援自訂字型。

透過 @media 查詢條件式套用規則所支援的媒體功能清單。