Skip to main content
CSS Properties

border-collapse

CSS property · 14 supported, 0 partial, 0 unsupported across 15 clients

border-collapse controls whether adjacent table-cell borders share a single line or render as separate boxes. In email, it is essential to set border-collapse: collapse on every layout table to prevent unwanted gaps between cells in Outlook and Yahoo.

Client Support

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

Client-by-client behaviour for border-collapse

Fully supports border-collapse (14): Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook Classic, Outlook iOS, Outlook Android, Apple Mail, Apple Mail iOS, Yahoo Mail, Samsung Mail, Thunderbird, Superhuman.

Behaviour unverified in: HEY Mail.

When to use border-collapse in email

  • Collapsing borders on layout tables to eliminate Outlook's default cellspacing.
  • Building a clean grid of pricing tiers where adjacent cells share borders without doubling up.
  • Separating cells visually with cellspacing instead of collapsed borders for card-style layouts.

Rendering behaviour and edge cases

  • Without border-collapse: collapse, Outlook on Windows can render visible gaps between cells even when cellspacing="0" is set.
  • Outlook 2007–2019 sometimes ignores border-collapse on nested tables — apply it explicitly to every <table>.
  • border-collapse: separate enables border-spacing, but border-spacing itself is poorly supported in Outlook.

Recommended fallback strategy

Always set border-collapse: collapse via inline style on every layout <table>. Combine with cellspacing="0" cellpadding="0" border="0" attributes for full Outlook coverage.

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.