Skip to main content
CSS Properties

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

ClientCategoryEngineSupport
GmailwebmailGmail WebSupported
Gmail AndroidmobileGmail MobilePartial
Gmail iOSmobileGmail MobilePartial
Outlook 365webmailOutlook WebSupported
Outlook (New)desktopOutlook WebPartial
Outlook ClassicdesktopMicrosoft WordPartial
Outlook iOSmobileOutlook MobileSupported
Outlook AndroidmobileOutlook MobileSupported
Apple MaildesktopWebKitSupported
Apple Mail iOSmobileWebKitSupported
Yahoo MailwebmailYahooSupported
Samsung MailmobileSamsungSupported
ThunderbirddesktopGeckoSupported
HEY MailwebmailWebKitSupported
SuperhumandesktopBlinkSupported

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 Free

Support data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.