Skip to main content

box-shadow in Outlook 365

SupportedOutlook Web · webmail

Support Details

Use border styling as an alternative to box-shadow.

Before

.card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

After

.card {
  border: 1px solid #e0e0e0;
  /* box-shadow as progressive enhancement */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

Use border as a fallback for box-shadow

box-shadow is fully supported in Outlook 365. No workarounds needed.

Other Clients

ClientSupport
GmailUnsupported
Gmail AndroidPartial
Gmail iOSPartial
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSSupported
Outlook AndroidSupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailUnsupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanSupported

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free