AMP

AMP for Email Supported CSS

This document outlines the CSS features currently supported inside AMP emails.

Applying CSS

Internal stylesheet

When using an internal stylesheet, the CSS is specified inside a single <style amp-custom> tag located in the <head> tag of the email.

Inline styles

In addition to an internal stylesheet, inline styles can be specified on any element using the style attribute.

External stylesheet

External stylesheets are not supported in AMP for Email.

Using <link rel="stylesheet" href="..."> is not allowed anywhere in the email.

Supported CSS selectors

Simple selectors

Attribute selector [attr=value] are not currently supported by all email providers.

Combinators

Pseudo-classes

Supported CSS properties

Additional restrictions

The following CSS properties have additional restrictions:

PropertyRestrictions
cursorThe only allowed values are pointer and initial.
filterurl() is not allowed.
transitionA limited subset of properties can be animated.
visibilityThe only allowed values are hidden, visible and initial.
z-indexOnly values between -100 and 100 are allowed.

At-rules

The only at-rule currently supported is @media. See Media features for more information.

Custom fonts (@font-face)

Custom fonts are not supported in AMP for Email.

Media features

List of media features supported for conditionally applying rules via @media queries.