html - メールでグラデーションを使用することはできますか?

Question

CSS を使用して、ニュースレター メールの要素にグラデーションを使用することはできますか? 完全なプロパティはサポートされていますか?

Answer 1

要するに、いいえ。

電子メール クライアントが HTML5 または CSS3 をサポートすることはほとんどないため、サポートしていないクライアントでは問題が発生します。

いつでもフォールバックできますが、読み込み時間はそれほど変わりません。CSS3 を追加すると、追跡するコードが増えるだけです。

イメージ タグを使用し、サーバー上でイメージをホストすることをお勧めします。これは、本当にグラデーションを使用する必要がある場合です。

電子メールでは、一般的に単純であるほど良いです。個人的には、プレーンテキストを受信することを好みます。

Answer 2

FWIW、メールでの CSS サポートの頼りになるリソースは次のとおりです: https://www.campaignmonitor.com/css/

background-image背景のグラデーションに関する特定の情報はありません。これはプロパティに該当するためです。私の推測では、CSS のかなりの機能であるため、電子メール クライアント間でサポートに一貫性がないと考えられます。私の唯一の躊躇は、背景のグラデーションが として扱われると思うことですbackground-image。これは、Outlook を除いて適切なサポートがあるようです。