The complete CSS Support Guide for Email Clients
Each email client renders email templates differently - go ahead and find out what level of CSS support the most popular inbox clients have.
- Style and link
<style> in <head>
<style> in <body>
<link> in <head>
<link> in <body>
- Element selectors
*
E
E[$attribute]
[$attribute="$val"]
E F
E > F
E + F
E ~ F
E:link
E:visited
E:active
E:hover
E:focus
E:target
E:nth-child(n)
E:nth-last-child(n)
E:nth-of-type(n)
E:nth-last-of-type(n)
E:first-child
E:last-child
E:first-of-type
E:last-of-type
E.classname
E#id
E:not(s)
- Box model
border
border-radius [CSS3]
box-shadow [CSS3]
height
margin
padding
width
max-width
min-width
- Tables
border
border-spacing
caption-side
empty-cells
table-layout
- Fonts
direction
font
font-family
font-style
font-variant
font-size
font-weight
letter-spacing
line-height
text-align
text-decoration
text-indent
text-overflow [CSS3]
text-shadow [CSS3]
text-transform
white-space
word-spacing
word-wrap [CSS3]
vertical-align
- Color and bg
color
background
background-color
background-image
background-position
background-repeat
HSLA Colors [CSS3]
Opacity [CSS3]
RGBA Colors [CSS3]
- Position and disp
bottom
clear
clip
cursor
display
float
left
opacity
outline [CSS3]
overflow
position
resize [CSS3]
right
top
visibility
z-index
- Lists
list-style-image
list-style-position
list-style-type
- Outlook.com
- Outlook.com
- Outlook.com
- Partial
- Partial
- Outlook.com
- Outlook.com
- Partial
- Outlook.com
- No img support
- Outlook.com
- Partial
- Partial
- Outlook.com
- Yahoo!
- Yahoo!
- Yahoo!
- Yahoo!
- Yahoo!
- Partial
- Yahoo!
- Yahoo!
- Partial
- Yahoo!
- Gmail
- Gmail
- Gmail
- Partial
- Partial
- Gmail
- Gmail
- Partial
- Gmail
- Gmail
- Partial
- Partial
- Gmail
- AOL
- AOL
- Only in webmail
- AOL
- Partial
- Partial
- AOL
- AOL
- Partial
- No IE Support
- AOL
- No IE Support
- No IE Support
- No IE Support
- AOL
- Partial
- AOL