AMP

電子郵件 AMP 支援的 CSS

重要事項:本文件不適用於您目前選取的格式 stories

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

套用 CSS

內部樣式表

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

行內樣式

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

外部樣式表

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

在電子郵件的任何位置都不允許使用 <link rel="stylesheet" href="...">

支援的 CSS 選取器

簡單選取器

組合器

虛擬類別

支援的 CSS 屬性

其他限制

以下 CSS 屬性具有其他限制

屬性 限制
cursor 唯一允許的值為 pointerinitial
filter 不允許使用 url()
transition 只有 opacitytransformvisibilityoffset-distance 可以動畫化。
visibility 唯一允許的值為 hiddenvisibleinitial
z-index 僅允許介於 -100 和 100 之間的值。

At-rules

目前唯一支援的 at-rule@media。有關更多資訊,請參閱媒體功能

自訂字型 (@font-face)

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

媒體功能

媒體功能列表,支援透過 @media 查詢有條件地套用規則。