Css guide Email clients

Desktop See all 11

AOL Desktop Apple Mail 10 IBM Notes 9 Outlook 2000–03 Outlook 2007–16 Outlook Express Outlook for Mac Postbox
Thunderbird Windows 10 Mail Windows Live Mail

Mobile See all 16

Android 4.2.2 Mail Android 4.4.4 Mail AOL Alto Android app AOL Alto iOS app BlackBerry Gmail Android app Gmail Android app IMAP Gmail iOS app
Gmail mobile webmail iOS 10 Mail iOS 11 Mail Outlook Android app Outlook iOS app Windows Phone 8 Mail Yahoo! Mail Android app Yahoo! Mail iOS app

Webmail

AOL Mail G Suite Gmail Outlook.com Yahoo! Mail

Mobile

BlackBerry

BlackBerry’s default email client.

Tested on BlackBerry OS 10.0.10.90.

Link Element
<link> in <head>
<link> in <body>
Selectors
E:focus
E:visited
Media Queries
any-hover
any-pointer
hover
max-device-pixel-ratio
max-resolution
min-device-pixel-ratio
min-resolution
pointer
Text & Fonts
@font-face
EOT
TTF
WOFF
WOFF2
WOFF base64 encoded
WOFF2 base64 encoded
font-feature-settings
font-size-adjust
font-stretch
font-synthesis
font-variant

Partial. Supports CSS2 values, but not CSS3.

hyphens

Partial support with ‑webkit prefix. Breaks words, but doesn’t add hyphens.

text-size-adjust
word-spacing

Partial. Supports spacing between words, but not spacing between elements.

Color & Background
background

Partial. Fixed attachment is not supported.

background-attachment
background-blend-mode
isolation
mix-blend-mode
Box Model
max-height

Partial. Not supported on tables.

max-width

Partial. Not supported on tables.

min-height

Partial. Not supported on tables.

min-width

Partial. Not supported on tables.

Positioning & Display
cursor
object-fit
object-position
resize
Lists
list-style-type

Partial. Doesn’t support circle.

Filters
backdrop-filter
Columns
break-after
break-before
break-inside
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
Flexbox
Flexbox: align-content
Flexbox: align-items
align-self
Flexbox: display
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
justify-content
order
Grid
align-content
align-items
align-self
display
grid
grid-area
grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-column
grid-column-end
grid-column-gap
grid-column-start
grid-gap
grid-row
grid-row-end
grid-row-gap
grid-row-start
grid-template-areas
grid-template-columns
grid-template-rows
justify-content
justify-items
justify-self

Get started with Campaign Monitor today.

With our powerful yet easy-to-use tools, it's never been easier to make an impact with email marketing.

Try it for free