AMP for Email 対応 CSS

Important: this documentation is not applicable to your currently selected format stories!

このドキュメントでは、AMP メール内で現在サポートされている CSS 機能を概説します。

CSS の適用

内部スタイルシートを使用する場合、CSS はメールの <head> タグ内の単一の <style amp-custom> タグに指定します。

内部スタイルシートのほか、style 属性を使用して、インラインスタイルを任意の要素に指定することができます。

外部スタイルシートは、AMP for Email でサポートされていません。

<link rel="stylesheet" href="..."> はメールのいかなる場所でも使用できません。

以下の CSS プロパティには追加の制限事項があります。

プロパティ	制限事項
`cursor`	許可される値は、`pointer` と `initial` のみです。
`filter`	`url()` は許可されていません。
`transition`	`opacity`、`transform`、`visibility`、および `offset-distance` のみをアニメーションできます。
`visibility`	許可されている値は `hidden`、`visible`、および `initial` のみです。
`z-index`	-100 から 100 までの値のみを使用できます。

現在サポートされている @ 規則は、@media のみです。詳細は「メディア機能」を参照してください。

AMP for Email では、カスタムフォントを使用できません。

以下は、@media クエリを介した条件付き適用規則の使用がサポートされているメディア機能のリストです。