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 19

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 Google Inbox Android app Google Inbox iOS app iOS 10 Mail iOS 11 Mail Outlook Android app Outlook iOS app Sparrow Windows Phone 8 Mail Yahoo! Mail Android app Yahoo! Mail iOS app

Webmail

AOL Mail G Suite Gmail Google Inbox Outlook.com Yahoo! Mail

Mobile

Google Inbox Android app

Google’s Inbox interface as a native Android app, with support for Gmail and G Suite accounts.

Tested on Android 4.4.4.

Style Element
<style> in <body>
Link Element
<link> in <head>
<link> in <body>
Selectors
E:not(s)
E[foo]
E[foo="bar"]
E[foo~="bar"]
E[foo^="bar"]
E[foo$="bar"]
E[foo*="bar"]
E:first-child
E:last-child
E:first-of-type
E:last-of-type
E:nth-child(n)
E:nth-last-child(n)
E:nth-of-type(n)
E:nth-last-of-type(n)
E::first-letter
E::first-line
E::before
E::after
E:active
E:checked
E:empty
E:focus
E:hover
E:link
E:target
E:visited
Media Queries
not
any-hover
any-pointer
hover
max-aspect-ratio
max-device-aspect-ratio
max-device-height
max-device-pixel-ratio
max-height
min-aspect-ratio
min-device-aspect-ratio
min-device-height
min-device-pixel-ratio
min-height
pointer
Text & Fonts
@font-face
EOT
SVG
TTF
WOFF
WOFF2
WOFF base64 encoded
WOFF2 base64 encoded
font-feature-settings
font-size-adjust
font-stretch
font-synthesis
hyphens
overflow-wrap
text-fill-color
text-shadow
text-size-adjust
text-stroke
text-stroke-color
text-stroke-width
Color & Background
background

Partial. Fixed attachment is not supported.

background-attachment
Data URI background image
Box Model
border-image
box-shadow
Positioning & Display
bottom
cursor
left
position
resize
right
top
visibility
z-index
Lists
list-style-image
Animations
animation
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
Transforms
backface-visibility
perspective
perspective-origin
transform
transform-origin
transform-style
Transitions
transition
transition-delay
transition-duration
transition-property
transition-timing-function
Filters
backdrop-filter
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
align-content
align-items
align-self
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

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free