AMP

AMP para E-mail: CSS Suportado

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

Este documento descreve os recursos do CSS que são atualmente compatíveis com os e-mails AMP.

Aplicando CSS

Folha de estilos interna

Ao usar uma folha de estilo interna, o CSS é especificado dentro de uma única tag <style amp-custom> localizada na tag <head> do e-mail.

Estilos inline

Além de uma folha de estilo interna, estilos embutidos podem ser especificados em qualquer elemento usando o atributo style.

Folha de estilos externa

Folhas de estilo externas não são suportadas em AMP para E-mail.

O uso de <link rel="stylesheet" href="..."> não é permitido em lugar algum do e-mail.

Seletores CSS suportados

Seletores simples

Combinadores

Pseudo-classes

Propriedades CSS suportadas

Restrições adicionais

As seguintes propriedades CSS têm restrições adicionais:

Propriedade Restrições
cursor Os únicos valores válidos são pointer e initial.
filter url() não é permitido.
transition Apenas opacity, transform, visibility e offset-distance podem ser animados.
visibility Os únicos valores permitidos são hidden, visible e initial.
z-index Somente valores entre -100 e 100 são permitidos.

Regras @

A única regra @ suportada no momento é @media. Veja Media features para mais informações.

Fontes personalizadas (@font-face)

Fontes personalizadas não são suportadas em AMP para E-mail.

Media features

Lista de media features suportados para regras aplicadas condicionalmente via @media queries.