← CSS Support Index

Does CSS display:none Work in HTML Email?

Hides an element completely, removing it from the document flow.

Quick Answer

Does display:none work in HTML email?

The CSS display:none property is supported in all major email clients tested. You can use it with confidence in your HTML emails.

Which Email Clients Support CSS display:none?

CSS support for display:none across email clients

Email ClientDesktopMobile / WebNotes
Gmail✓ Yes✓ Yes—
Outlook (Windows)~ Partial?—
Outlook (Mac / Web)✓ Yes✓ Yes—
Apple Mail✓ Yes✓ Yes—
Yahoo! Mail✓ Yes✓ Yes—
Samsung Email?✓ Yes—
Thunderbird✓ Yes?—
ProtonMail✓ Yes✓ Yes—
Fastmail✓ Yes?—

Notes

  • #1 Partial. Does not inherit onto nested `<table>` elements.
  • #2 Partial. Does not work when applied directly to an `<img>` element.

Frequently Asked Questions

Related CSS Properties

Test Your Email Now

Paste your HTML and see how it renders in clients that don't support
display:none.

Open Email Previewer

Building a new email instead of checking an existing one? MailViewr's Email Builder only lets you use CSS that's known to render across clients, so display:none can't sneak into your markup by accident. Open the Email Builder →