Skip to main content
CSS Properties

border

CSS property · 13 supported, 2 partial, 0 unsupported across 15 clients

The border shorthand draws a line around an element and is widely supported, but interpretation varies between table cells, divs, and inline elements across clients. Outlook on Windows is famously aggressive about adding default 1px borders to table cells, which often surfaces as unwanted hairlines on rendered email.

Client Support

ClientCategoryEngineSupport
GmailwebmailGmail WebSupported
Gmail AndroidmobileGmail MobileSupported
Gmail iOSmobileGmail MobileSupported
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 border

Fully supports border (13): Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook iOS, Outlook Android, Apple Mail, Apple Mail iOS, Yahoo Mail, Samsung Mail, Thunderbird, HEY Mail, Superhuman.

Partial support (2): 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 border in email

  • Drawing dividers between sections in a digest email by setting border-bottom on a <td>.
  • Outlining promotional cards with a colored stroke that ties into brand identity.
  • Highlighting CTA buttons with a contrasting border that survives image-blocking.

Rendering behaviour and edge cases

  • Outlook on Windows occasionally renders an unstyled <table> with default 1px borders — explicitly set border="0" cellspacing="0" cellpadding="0" on every layout table.
  • Apple Mail and Gmail support all border styles (dashed, dotted, double) but render them at slightly different pixel widths.
  • border on inline elements can be stripped by Yahoo's sanitizer — use a wrapping <span> with display:inline-block when targeting Yahoo.

Recommended fallback strategy

Always reset table defaults with border="0" cellspacing="0" cellpadding="0". Apply border on <td> rather than <table> for consistent rendering. For decorative borders, prefer a colored cell background over a thin border, since cell color is more reliably preserved than 1px lines.

Fixes & Workarounds

Outlook (New)

Partial

"border" is not supported in this email client.

Outlook Classic

Partial

"border" 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.