AMP

Поддержка CSS в AMP для писем

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

В данном документе дается описание функций CSS, которые на данный момент поддерживаются в AMP-письмах.

Применение CSS

Внутренняя таблица стилей

При использовании внутренней таблицы стилей CSS-код добавляется внутрь одного тега <style amp-custom>, расположенного в теге <head> сообщения электронной почты.

Встроенные стили

В дополнение к внутренней таблице стилей можно использовать атрибут style для указания встроенного стиля в любом элементе.

Внешняя таблица стилей

AMP для писем не поддерживает внешние таблицы стилей.

Использование <link rel="stylesheet" href="..."> запрещено в любой части письма.

Поддерживаемые CSS-селекторы

Простые селекторы

Комбинаторы

Псевдоклассы

Поддерживаемые CSS-свойства

Дополнительные ограничения

В некоторых CSS-свойствах имеются дополнительные ограничения:

Свойство Ограничения
cursor Единственно допустимые значения — pointer и initial.
filter url() не допускается.
transition Анимировать можно только opacity , transform, visibility и offset-distance.
visibility Единственно допустимые значения: hidden, visible и initial.
z-index Допускаются только значения от -100 до 100.

At-правила

Единственное поддерживаемое в настоящее время at-правило@media. Дополнительные сведения см. в разделе Мультимедийные функции.

Пользовательские шрифты (@font-face)

Пользовательские шрифты не поддерживаются в AMP для писем.

Мультимедийные функции

Ниже представлен список мультимедийных функций, которые поддерживаются при условном применении правил через запросы @media.