text-decoration
CSS property · 11 supported, 4 partial, 0 unsupported across 15 clients
text-decoration controls underline, overline, and line-through styling and is critical for distinguishing links from body copy. Most email clients honor text-decoration on anchor tags, but client-side link styling sometimes adds an underline back even when you've set text-decoration: none.
Client Support
| Client | Category | Engine | Support |
|---|---|---|---|
| Gmail | webmail | Gmail Web | Supported |
| Gmail Android | mobile | Gmail Mobile | Partial |
| Gmail iOS | mobile | Gmail Mobile | Partial |
| Outlook 365 | webmail | Outlook Web | Supported |
| Outlook (New) | desktop | Outlook Web | Partial |
| Outlook Classic | desktop | Microsoft Word | Partial |
| Outlook iOS | mobile | Outlook Mobile | Supported |
| Outlook Android | mobile | Outlook Mobile | Supported |
| Apple Mail | desktop | WebKit | Supported |
| Apple Mail iOS | mobile | WebKit | Supported |
| Yahoo Mail | webmail | Yahoo | Supported |
| Samsung Mail | mobile | Samsung | Supported |
| Thunderbird | desktop | Gecko | Supported |
| HEY Mail | webmail | WebKit | Supported |
| Superhuman | desktop | Blink | Supported |
Client-by-client behaviour for text-decoration
Fully supports text-decoration (11): Gmail, Outlook 365, Outlook iOS, Outlook Android, Apple Mail, Apple Mail iOS, Yahoo Mail, Samsung Mail, Thunderbird, HEY Mail, Superhuman.
Partial support (4): Gmail Android, Gmail iOS, Outlook (New), Outlook Classic. Expect rendering quirks unique to each engine — partial support typically means a subset of values, an ignored shorthand, or sanitizer-specific rewrites.
When to use text-decoration in email
- Removing underlines from CTA button anchors that are styled as buttons.
- Strikethrough pricing in promotional emails (`text-decoration: line-through`).
- Adding hover underline on web-mode email previews where pseudo-classes are honored.
Rendering behaviour and edge cases
- Outlook on Windows applies a default underline to all <a> elements; you must declare text-decoration: none AND override the link color to fully un-style.
- Apple Mail respects text-decoration but adds a phone-number / address link auto-underline that overrides yours — wrap such content in <a style="text-decoration:none;color:inherit"> to defeat it.
- Yahoo Mail strips text-decoration from non-anchor elements in some sanitizer paths.
Recommended fallback strategy
When un-styling links, set text-decoration: none, color, and an explicit display: inline-block on the anchor for maximum coverage. For automatically-detected links (phones, addresses), wrap them yourself in styled anchor tags.
Fixes & Workarounds
Gmail Android
Partial"text-decoration" is not supported in this email client.
Gmail iOS
Partial"text-decoration" is not supported in this email client.
Outlook (New)
Partial"text-decoration" is not supported in this email client.
Outlook Classic
Partial"text-decoration" is not supported in this email client.
Related Features
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens FreeSupport data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.