← CSS Support IndexDoes CSS
Does CSS CSS calc() function Work in HTML Email?
Support for CSS calc function.
Quick Answer
Does CSS calc() function work in HTML email?
The CSS CSS calc() function property is supported in Gmail, Outlook (Mac / Web), Apple Mail, Samsung Email, and others. It is NOT supported in Outlook (Windows), Yahoo! Mail. Always include a safe fallback for unsupported clients.
Which Email Clients Support CSS CSS calc() function?
CSS support for CSS calc() function across email clients
| Email Client | Desktop | Mobile / Web | Notes |
|---|---|---|---|
| Gmail | ✓ Yes | ~ Partial | — |
| Outlook (Windows) | ✗ No | ? | — |
| Outlook (Mac / Web) | ✓ Yes | ✗ No | — |
| Apple Mail | ✓ Yes | ✓ Yes | — |
| Yahoo! Mail | ✗ No | ✗ No | — |
| Samsung Email | ? | ✓ Yes | — |
| Thunderbird | ✓ Yes | ? | — |
| ProtonMail | ✓ Yes | ✓ Yes | — |
| Fastmail | ✓ Yes | ? | — |
Notes
- #1 Partial. Not supported with non Google accounts.
Frequently Asked Questions
Related CSS Properties
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support CSS calc() function.
Building a new email instead of checking an existing one? MailViewr's Email Builder only lets you use CSS that's known to render across clients, so CSS calc() function can't sneak into your markup by accident. Open the Email Builder →