Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

AMP for Email 対応 CSS

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

CSS の適用

内部スタイルシート

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

インラインスタイル

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

外部スタイルシート

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

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

サポートされている CSS セレクタ

シンプルセレクタ

結合子

疑似クラス

サポートされている CSS プロパティ

その他の制限事項

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

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

@規則(アットマーク規則)

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

カスタムフォント(@font-face

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

メディア機能

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