CSS property · data last changed 10 Nov 2026
background-clip in email clients
Works in 14 of 21. Not supported in Outlook Classic, Yahoo Mail, Yahoo Mail Android and 2 more. Partial in Gmail Android and Gmail iOS.
Your reader in Outlook Classic sees the email without background-clip, even if it looks right where you tested it.
caniemail (MIT) via @emailens/engine 0.18.22
What to do instead in Outlook Classic
Set a sensible solid color fallback first, then layer background-clip: text as a progressive enhancement. Wrap critical headlines in spans with both -webkit-background-clip: text and a fallback color so non-supporting clients still display readable text.
There is no drop-in fix for background-clip in Outlook Classic. Design so the email still reads without it.
No signup · Five clients free, Outlook Classic included · All 21 with an account
The checker needs a computer screen.
A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →
background-clip is not among the 24 features we have screenshotted on real installs. The ones we have →
All 21 clients, problems first
| Client | Support |
|---|---|
| Outlook Classic | Not supported |
| Yahoo Mail | Not supported |
| Yahoo Mail Android | Not supported |
| Yahoo Mail iOS | Not supported |
| AOL Mail | Not supported |
| Gmail Android | Partial See caveat 1 |
| Gmail iOS | Partial See caveat 1 |
Works in 14: Gmail, Outlook 365, Outlook (New) and 11 more. Show all
| Client | Support |
|---|---|
| Gmail | Works |
| Outlook 365 | Works |
| Outlook (New) | Works |
| Outlook iOS | Works |
| Outlook Android | Works |
| Outlook for Mac | Works |
| Apple Mail | Works |
| Apple Mail iOS | Works |
| Samsung Mail | Works |
| Thunderbird | Works |
| HEY Mail | Works |
| Proton Mail | Works |
| Fastmail | Works |
| Superhuman | Works |
Caveats (1)
- 1. Gmail Android, Gmail iOS: Partial. Not supported with non Google accounts. But it can be used in the
backgroundshorthand property instead.
Caveats as recorded by caniemail (MIT), one entry per wording.
How background-clip behaves
background-clip controls the area of an element to which the background extends, border-box, padding-box, content-box, or text. Email support is limited: only Apple Mail and a few WebKit-based clients honor background-clip: text reliably, making it an effects-only property best used as progressive enhancement.
- background-clip: text requires -webkit-background-clip: text and color: transparent, both must be inline on the same element.
- Outlook and Gmail ignore background-clip and render with whatever color you set, so always pair with a solid color fallback.
- Layered background-clip stacks (e.g., padding-box + content-box) are unreliable and rarely worth the implementation cost.
Your next question
- Does word-break work in Outlook Classic?
Works in 4 of 21 · partial in 12 · not supported in 5
fix - Does display:flex work in Outlook Classic?
Works in 18 of 21 · partial in 2 · not supported in 1
fix - Does display:grid work in Outlook Classic?
Works in 18 of 21 · partial in 2 · not supported in 1
fix - Does border-spacing work in Outlook Classic?
Works in 17 of 21 · not supported in 2 · 2 untested
fix - Does border-radius work in Outlook Classic?
Works in 16 of 21 · partial in 4 · not supported in 1
fix - Does visibility work in Outlook Classic?
Works in 13 of 21 · not supported in 8
fix
Every feature in Outlook Classic · All email CSS features · What real installs show
Paste your email
Get new email CSS fixes by email.