AMP

CSS pris en charge par AMP pour e-mail

Ce document décrit les fonctionnalités CSS actuellement prises en charge dans les e-mails AMP.

Application du CSS

Feuille de style intégrée

Lors de l'utilisation d'une feuille de style intégrée, le CSS est spécifié dans une seule balise <style amp-custom> située dans la balise <head> de l'e-mail.

Styles en ligne

En plus d'une feuille de style interne, les styles en ligne peuvent être spécifiés sur n'importe quel élément à l'aide de l'attribut style.

Feuille de style externe

Les feuilles de style externes ne sont pas prises en charge dans AMP pour e-mail.

L'utilisation de <link rel="stylesheet" href="..."> n'est autorisée nulle part dans l'e-mail.

Sélecteurs CSS pris en charge

Sélecteurs simples

Combinateurs

Pseudo-classes

Propriétés CSS prises en charge

Restrictions supplémentaires

Les propriétés CSS suivantes ont des restrictions supplémentaires :

Propriété Restrictions
cursor Les seules valeurs autorisées sont pointer et initial.
filter url() n'est pas autorisée.
transition Seules opacity, transform, visibility et offset-distance peuvent être animées.
visibility Les seules valeurs autorisées sont hidden, visible et initial.
z-index Seules les valeurs comprises entre -100 et 100 sont autorisées.

Règles At

La seule règle at actuellement prise en charge est @media. Voir Fonctionnalités multimédias pour plus d'informations.

Polices personnalisées (@font-face)

Les polices personnalisées ne sont pas prises en charge dans AMP our e-mail.

Fonctionnalités multimédias

Liste des fonctionnalités multimédias prises en charge pour l'application conditionnelle de règles via les requêtes @media.