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

AMP for Email es compatible con las CSS

En este documento se describen las funciones de las CSS que actualmente son compatibles con los correos electrónicos de AMP.

Cómo implementar las CSS

Hojas de estilo internas

Cuando se utilizan hojas de estilo internas, la CSS se define dentro de una sola etiqueta <style amp-custom> que se ubica en la etiqueta <head> del correo electrónico.

Estilos en línea

Además de las hojas de estilo internas, también pueden definirse estilos en línea para cualquier elemento mediante el atributostyle .

Hojas de estilo externas

Las hojas de estilo externas no son compatibles con AMP for Email.

No se permite utilizar <link rel="stylesheet" href="..."> en ninguna parte del correo electrónico.

Selectores que son compatibles con las CSS

Selectores sencillos

Combinadores

Pseudoclases

Propiedades que son compatibles con las CSS

Restricciones adicionales

Las siguientes propiedades de las CSS tienen restricciones adicionales:

Propiedad Restricciones
cursor Los únicos valores que se permiten son pointer e initial.
filter url() no está permitida.
transition Solamente opacity, transform, visibility y offset-distance pueden generar animaciones.
visibility Los únicos valores que se permiten son hidden, visible e initial.
z-index Solo se permiten los valores entre -100 y 100.

Reglas at

La única regla at actualmente compatible es @media. Consulte las funciones de medios para obtener más información.

Fuentes personalizadas (@font-face)

Las fuentes personalizadas no son compatibles con AMP for Email.

Funciones de medios

A continuación, se muestra una lista de funciones de medios que son compatibles para integrar reglas condicionales mediante consultas en @media.