Email Client CSS Support

<style> & <link>

Element Selectors

Outlook.comYahoo!GmailAOL
*
No
No
Yes
No
E
Yes
Yes
Yes
Yes
E[$attribute]
No
No
No
Yes
E[$attribute="$value"]
No
No
No
Yes
E F
Yes
Yes
Yes
Yes
E > F
No
Yes
Yes
No
E + F
No
Yes
Yes
Yes
E ~ F
No
No
Yes
Yes
E:link
Yes
No
No
Yes
E:visited
Yes
Yes
No
No
E:active
Yes
Yes
No
Yes
E:hover
Yes
Yes
Only in webmail
Yes
E:focus
No
No
No
No
E:target
No
No
No
No
E:nth-child(n)
No
No
No
Yes
E:nth-last-child(n)
No
No
No
Yes
E:nth-of-type(n)
No
No
No
Yes
E:nth-last-of-type(n)
No
No
No
Yes
E:first-child
No
No
No
Yes
E:last-child
No
No
No
Yes
E:first-of-type
No
No
No
Yes
E:last-of-type
No
No
No
Yes
E::first-line
No
Yes
No
Yes
E::first-letter
No
Yes
No
Yes
E::before
No
No
No
Yes
E::after
No
No
No
Yes
E.classname
Yes
Yes
Yes
Yes
E#id
No
Yes
Yes
Yes
E:not(s)
No
No
No
Yes
Outlook 2007 - 2013Outlook 2000 - 2003Apple MailWindows Live MailOutlook For Mac
*
No
Yes
Yes
Yes
Yes
E
Yes
Yes
Yes
Yes
Yes
E[$attribute]
No
No
Yes
Yes
Yes
E[$attribute="$value"]
No
Yes
Yes
Yes
Yes
E F
Yes
Yes
Yes
Yes
Yes
E > F
No
No
Yes
Yes
Yes
E + F
No
No
Yes
Yes
Yes
E ~ F
No
Yes
Yes
Yes
Yes
E:link
Yes
Yes
Yes
Yes
Yes
E:visited
Yes
No
No
Yes
No
E:active
No
Yes
Yes
Yes
Yes
E:hover
No
Yes
Yes
Yes
Yes
E:focus
No
No
Yes
No
No
E:target
No
No
No
No
No
E:nth-child(n)
No
No
Yes
No
Yes
E:nth-last-child(n)
No
No
Yes
No
Yes
E:nth-of-type(n)
No
No
Yes
No
Yes
E:nth-last-of-type(n)
No
No
Yes
No
Yes
E:first-child
No
Yes
Yes
Yes
Yes
E:last-child
No
No
Yes
No
Yes
E:first-of-type
No
No
Yes
No
Yes
E:last-of-type
No
No
Yes
No
Yes
E::first-line
No
Yes
Yes
No
Yes
E::first-letter
No
Yes
Yes
No
Yes
E::before
No
No
Yes
No
Yes
E::after
No
No
Yes
No
Yes
E.classname
Yes
Yes
Yes
Yes
Yes
E#id
Yes
Yes
Yes
Yes
Yes
E:not(s)
No
No
Yes
No
Yes
iOS 6Android 4.2Android 2.3Gmail App
*
Yes
Yes
Yes
Yes
E
Yes
Yes
Yes
Yes
E[$attribute]
Yes
Yes
Yes
No
E[$attribute="$value"]
Yes
Yes
Yes
No
E F
Yes
Yes
Yes
Yes
E > F
Yes
Yes
Yes
Yes
E + F
Yes
Yes
Yes
Yes
E ~ F
Yes
Yes
Yes
Yes
E:link
Yes
Yes
Yes
No
E:visited
Yes
Yes
Yes
No
E:active
No
No
No
No
E:hover
No
No
No
Only in Android
E:focus
Yes
No
No
No
E:target
No
No
No
No
E:nth-child(n)
Yes
Yes
Yes
No
E:nth-last-child(n)
Yes
Yes
Yes
No
E:nth-of-type(n)
Yes
Yes
Yes
No
E:nth-last-of-type(n)
Yes
Yes
Yes
No
E:first-child
Yes
Yes
Yes
No
E:last-child
Yes
Yes
Yes
No
E:first-of-type
Yes
Yes
Yes
No
E:last-of-type
Yes
Yes
Yes
No
E::first-line
Yes
Yes
Yes
No
E::first-letter
Yes
Yes
Yes
No
E::before
Yes
Yes
Yes
No
E::after
Yes
Yes
Yes
No
E.classname
Yes
Yes
Yes
Yes
E#id
Yes
Yes
Yes
Yes
E:not(s)
Yes
Yes
Yes
No

Box Model

Outlook.comYahoo!GmailAOL
border
Yes
Yes
Yes
Yes
border-radius [CSS3]
Yes
No
Yes
Yes
box-shadow [CSS3]
Yes
No
No
Yes
height
Yes
Yes
Yes
Yes
margin
No
Yes
Yes
Yes
padding
Yes
Yes
Yes
Yes
width
Yes
Yes
Yes
Yes
max-widthPartial IE SupportPartial IE SupportPartial IE SupportPartial IE Support
min-widthPartial IE SupportPartial IE SupportPartial IE SupportPartial IE Support
Outlook 2007 - 2013Outlook 2000 - 2003Apple MailWindows Live MailOutlook For Mac
border
Yes
Yes
Yes
Yes
Yes
border-radius [CSS3]
No
No
Yes
No
Yes
box-shadow [CSS3]
No
No
No
No
No
height
No
Yes
Yes
Yes
Yes
margin
Yes
Yes
Yes
Yes
Yes
paddingPartial Element Support
Yes
Yes
Yes
Yes
width
Yes
Yes
Yes
Yes
Yes
max-width
No
No
Yes
No
Yes
min-width
No
No
Yes
No
Yes
iOS 6Android 4.2Android 2.3Gmail App
border
Yes
Yes
Yes
Yes
border-radius [CSS3]
Yes
Yes
Yes
Yes
box-shadow [CSS3]
No
No
No
No
height
Yes
Yes
Yes
Yes
margin
Yes
Yes
Yes
Yes
padding
Yes
Yes
Yes
Yes
width
Yes
Yes
Yes
Yes
max-width
Yes
Yes
Yes
Yes
min-width
Yes
Yes
Yes
Yes

Tables

Outlook.comYahoo!GmailAOL
border-collapse
Yes
Yes
Yes
Yes
border-spacing
Yes
Yes
Yes
Yes
caption-side
Yes
Yes
Yes
Yes
empty-cells
Yes
Yes
Yes
Yes
table-layout
Yes
Yes
Yes
Yes
Outlook 2007 - 2013Outlook 2000 - 2003Apple MailWindows Live MailOutlook For Mac
border-collapse
Yes
Yes
Yes
Yes
Yes
border-spacing
No
No
Yes
No
Yes
caption-side
No
No
No
No
Yes
empty-cells
No
No
Yes
No
Yes
table-layout
Yes
Yes
Yes
Yes
Yes
iOS 6Android 4.2Android 2.3Gmail App
border-collapse
Yes
Yes
Yes
Yes
border-spacing
Yes
Yes
Yes
Yes
caption-side
No
Yes
Yes
Yes
empty-cells
Yes
Yes
Yes
Yes
table-layout
Yes
Yes
Yes
Yes

Fonts

Outlook.comYahoo!GmailAOL
direction
Yes
Yes
Yes
Yes
font
Yes
Yes
Yes
Yes
font-family
Yes
Yes
Yes
Yes
font-style
Yes
Yes
Yes
Yes
font-variant
Yes
Yes
Yes
Yes
font-size
Yes
Yes
Yes
Yes
font-weight
Yes
Yes
Yes
Yes
letter-spacing
Yes
Yes
Yes
Yes
line-height
Yes
Yes
Yes
Yes
text-align
Yes
Yes
Yes
Yes
text-decoration
Yes
Yes
Yes
Yes
text-indent
Yes
Yes
Yes
Yes
text-overflow [CSS3]Partial Property SupportPartial Property SupportPartial Property SupportPartial Property Support
text-shadow [CSS3]
Yes
Yes
No
No IE Support
text-transform
Yes
Yes
Yes
Yes
white-space
Yes
Yes
Yes
Yes
word-spacing
Yes
Yes
Yes
Yes
word-wrap [CSS3]
Yes
Yes
No
Yes
vertical-align
Yes
Yes
Yes
Yes
Outlook 2007 - 2013Outlook 2000 - 2003Apple MailWindows Live MailOutlook For Mac
direction
No
Yes
Yes
Yes
Yes
font
Yes
Yes
Yes
Yes
Yes
font-family
Yes
Yes
Yes
Yes
Yes
font-style
Yes
Yes
Yes
Yes
Yes
font-variant
Yes
Yes
Yes
Yes
Yes
font-size
Yes
Yes
Yes
Yes
Yes
font-weight
Yes
Yes
Yes
Yes
Yes
letter-spacing
Yes
Yes
Yes
Yes
Yes
line-height
Yes
Yes
Yes
Yes
Yes
text-align
Yes
Yes
Yes
Yes
Yes
text-decoration
Yes
Yes
Yes
Yes
Yes
text-indent
Yes
Yes
Yes
Yes
Yes
text-overflow [CSS3]
No
Yes
Yes
Yes
Yes
text-shadow [CSS3]
No
No
Yes
No
Yes
text-transform
Yes
Yes
Yes
Yes
Yes
white-space
Yes
No
Yes
Yes
Yes
word-spacing
No
Yes
Yes
Yes
Yes
word-wrap [CSS3]
No
Yes
Yes
Yes
Yes
vertical-align
No
Yes
Yes
Yes
Yes
iOS 6Android 4.2Android 2.3Gmail App
direction
Yes
Yes
Yes
Yes
font
Yes
Yes
Yes
Yes
font-family
Yes
Yes
Yes
Yes
font-style
Yes
Yes
Yes
Yes
font-variant
Yes
Yes
Yes
Yes
font-size
Yes
Yes
Yes
Yes
font-weight
Yes
Yes
Yes
Yes
letter-spacing
Yes
Yes
Yes
Yes
line-height
Yes
Yes
Yes
Yes
text-align
Yes
Yes
Yes
Yes
text-decoration
Yes
Yes
Yes
Yes
text-indent
Yes
Yes
Yes
Yes
text-overflow [CSS3]
Yes
Yes
Yes
Yes
text-shadow [CSS3]
Yes
Yes
Yes
Yes
text-transform
Yes
Yes
Yes
Yes
white-space
Yes
Yes
Yes
Yes
word-spacing
Yes
Yes
Yes
Yes
word-wrap [CSS3]
Yes
Yes
Yes
No
vertical-align
Yes
Yes
Yes
Yes

Color & Background

Outlook.comYahoo!GmailAOL
color
Yes
Yes
Yes
Yes
backgroundNo Image Support
Yes
Yes
Yes
background-color
Yes
Yes
Yes
Yes
background-image
Yes
Yes
Yes
Yes
background-position
Yes
Yes
Yes
Yes
background-repeat
Yes
Yes
Yes
Yes
HSL Colors [CSS3]
Yes
Yes
Yes
Yes
HSLA Colors [CSS3]
No
No
No
No IE Support
Opacity [CSS3]
Yes
No
No
No IE Support
RGBA Colors [CSS3]
No
No
No
No IE Support
Outlook 2007 - 2013Outlook 2000 - 2003Apple MailWindows Live MailOutlook For Mac
color
Yes
Yes
Yes
Yes
Yes
backgroundNo Image Support
Yes
Yes
Yes
Yes
background-color
Yes
Yes
Yes
Yes
Yes
background-image
No
Yes
Yes
Yes
Yes
background-position
No
Yes
Yes
Yes
Yes
background-repeat
No
Yes
Yes
Yes
Yes
HSL Colors [CSS3]
Yes
Yes
Yes
Yes
Yes
HSLA Colors [CSS3]
No
No
Yes
No
Yes
Opacity [CSS3]
No
No
Yes
No
Yes
RGBA Colors [CSS3]
No
No
Yes
No
Yes
iOS 6Android 4.2Android 2.3Gmail App
color
Yes
Yes
Yes
Yes
background
Yes
Yes
Yes
Yes
background-color
Yes
Yes
Yes
Yes
background-image
Yes
Yes
Yes
Yes
background-position
Yes
Yes
Yes
Yes
background-repeat
Yes
Yes
Yes
Yes
HSL Colors [CSS3]
Yes
Yes
Yes
Yes
HSLA Colors [CSS3]
Yes
Yes
Yes
No
Opacity [CSS3]
Yes
Yes
Yes
No
RGBA Colors [CSS3]
Yes
Yes
Yes
No

Positioning & Display

Outlook.comYahoo!GmailAOL
bottom
Yes
No
No
Yes
clear
Yes
Yes
Yes
Yes
clip
No
No
No
Yes
cursor
Yes
Yes
No
Yes
display
Yes
Yes
Yes
Yes
float
No
Yes
Yes
Yes
left
No
No
No
Yes
opacity
Yes
No
Yes
Yes
outline [CSS3]Partial SupportPartial SupportPartial SupportPartial Support
overflowPartial Property SupportPartial Property SupportPartial Property Support
Yes
position
Yes
No
No
Yes
resize [CSS3]
Yes
Yes
No
Yes
right
Yes
No
No
Yes
top
Yes
No
No
Yes
visibility
Yes
Yes
No
Yes
z-index
No
No
No
Yes
Outlook 2007 - 2013Outlook 2000 - 2003Apple MailWindows Live MailOutlook For Mac
bottom
No
Yes
Yes
Yes
Yes
clear
No
Yes
Yes
Yes
Yes
clip
No
Yes
Yes
Yes
Yes
cursor
No
Yes
Yes
Yes
Yes
display
No
Yes
Yes
Yes
Yes
float
No
Yes
Yes
Yes
Yes
left
No
Yes
Yes
Yes
Yes
opacity
No
No
Yes
No
Yes
outline [CSS3]
No
No
Yes
No
Yes
overflow
No
Yes
Yes
Yes
Yes
position
No
Yes
Yes
Yes
Yes
resize [CSS3]
No
Yes
Yes
No
Yes
right
No
Yes
Yes
Yes
Yes
top
No
Yes
Yes
Yes
Yes
visibility
No
Yes
Yes
Yes
Yes
z-index
Yes
Yes
Yes
Yes
Yes
iOS 6Android 4.2Android 2.3Gmail App
bottom
Yes
Yes
Yes
No
clear
Yes
Yes
Yes
Yes
clip
Yes
Yes
Yes
No
cursor
Yes
No
No
No
display
Yes
Yes
Yes
Yes
float
Yes
Yes
Yes
Yes
left
Yes
Yes
Yes
No
opacity
Yes
Yes
Yes
Yes
outline [CSS3]
Yes
Yes
Yes
No
overflow
Yes
Partial Property SupportPartial Property SupportPartial Property Support
position
Yes
Yes
Yes
No
resize [CSS3]
Yes
No
No
No
right
Yes
Yes
Yes
No
top
Yes
Yes
Yes
No
visibility
Yes
Yes
Yes
No
z-index
Yes
Yes
Yes
No

Lists

Outlook.comYahoo!GmailAOL
list-style-image
No
Yes
No
Yes
list-style-position
No
Yes
Yes
Yes
list-style-type
Yes
Yes
Yes
Yes
Outlook 2007 - 2013Outlook 2000 - 2003Apple MailWindows Live MailOutlook For Mac
list-style-image
No
Yes
Yes
Yes
Yes
list-style-position
No
Yes
Yes
Yes
Yes
list-style-type
No
Yes
Yes
Yes
Yes
iOS 6Android 4.2Android 2.3Gmail App
list-style-image
Yes
Yes
Yes
No
list-style-position
Yes
Yes
Yes
Yes
list-style-type
Yes
Yes
Yes
No