Inline CSS v e-mailu
Inline CSS je zápis stylů přímo do atributu style jednotlivých HTML prvků místo do bloku <style> nebo externího souboru, protože řada e-mailových klientů externí styly ignoruje a <style> v hlavičce ořezává.
Gmail dlouho podporoval jen inline styly a dnes <style> v <head> částečně respektuje; Outlook pro Windows renderuje přes Word a ignoruje většinu moderního CSS; webové klienty <style> ořezávají nebo přepisují. Inline styly jsou proto jediná metoda, která funguje všude, a šablony se před odesláním „inlinují“ nástrojem (juice, premailer, mjml).
Pro transakční e-maily se vyplatí jednoduché rozložení: jeden sloupec, tabulky pro strukturu, systémové fonty, žádný JavaScript ani formuláře, obrázky s alt textem a šířka do 600 px. Čím méně CSS, tím méně rozdílů mezi klienty.
<td style="padding:16px;font-family:Arial,sans-serif;font-size:15px;color:#111">
Objednávka <strong style="color:#2563eb">#10234</strong> byla přijata.
</td>