Guide CSS

Le développement Emailing, c’est un peu comme faire de la gymnastique. En effet, toutes les propriétés CSS ne sont pas compatibles sur tous les clients de messageries. Il est donc très important pour un bon développeur de connaître quelles propriétés sont compatibles sur tel ou tel client. Pour vous aider lors de l’intégration de vos emails, je vous mets à disposition un guide présentant précisément la liste des comptabilités. Merci à campaignmonitor pour ce guide.

Télécharger le guide complet: Guide complet au format .pdf

Style Element Outlook
2000/03		 Live
Hotmail		 Yahoo!
Mail		 Yahoo!
Classic		 Outlook
2007/10		 Apple
Mail		 Apple
iPhone		 Google
Gmail		 Lotus
Notes 6/7		 Lotus
Notes 8.5		 AOL
Desk 10
<style> in <head> Yes Yes Yes Yes Yes Yes Yes No No Yes Yes
<style> in <body> Yes Yes Yes Yes Yes Yes Yes No No Yes Yes
Link Element Outlook 2000/03 Live Hotmail Yahoo! Mail Yahoo! Classic Outlook 2007/10 Apple Mail Apple iPhone Google Gmail Lotus Notes 6/7 Lotus Notes 8.5 AOL Desk 10
<link> in <head> Yes Yes Yes Yes Yes Yes Yes No Yes Yes Yes
<link> in <body> Yes Yes Yes Yes Yes Yes Yes No No Yes Yes
Selectors Outlook 2000/03 Live Hotmail Yahoo! Mail Yahoo! Classic Outlook 2007/10 Apple Mail Apple iPhone Google Gmail Lotus Notes 6/7 Lotus Notes 8.5 AOL Desk 10
e Yes Yes Yes Yes Yes Yes Yes No No Yes Yes
* Yes Yes Yes No No Yes Yes No No Yes Yes
e.className Yes Yes Yes Yes Yes Yes Yes No No Yes Yes
e#id Yes No Yes Yes Yes Yes Yes No No Yes Yes
e:link Yes Yes Yes Yes Yes Yes Yes No No Yes Yes
e:active, e:hover Yes Yes Yes Yes No Yes Yes No No Yes Yes
e:first-line Yes No No Yes No Yes Yes No No Yes Yes
e:first-letter Yes No No Yes No Yes Yes No No Yes Yes
e > f No No Yes Yes No Yes No No No No No
e:focus No No Yes Yes No Yes Yes No No No No
e+f No No No No No Yes Yes No No No No
e[foo] No No Yes Yes No Yes Yes No No No No
Text & Fonts Outlook 2000/03 Live Hotmail Yahoo! Mail Yahoo! Classic Outlook 2007/10 Apple Mail Apple iPhone Google Gmail Lotus Notes 6/7 Lotus Notes 8.5 AOL Desk 10
direction Yes Yes Yes Yes No Yes Yes No No Yes Yes
font Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
font-family Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
font-style Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
font-variant Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
font-size Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
font-weight Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
letter-spacing Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
line-height Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
text-align Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
text-decoration Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
text-indent Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
text-overflow CSS3 Partial or buggy support Partial or buggy support No No No Partial or buggy support Partial or buggy support Partial or buggy support No Partial or buggy support Partial or buggy support
text-shadow CSS3 No Partial or buggy support Partial or buggy support Partial or buggy support No Yes Yes Partial or buggy support No No No
text-transform Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
white-space No Yes Yes Yes Yes Yes Yes Yes No No No
word-spacing Yes Yes Yes Yes No Yes Yes Yes No Yes Yes
word-wrap CSS3 Partial or buggy support No Yes Yes No Yes Partial or buggy support No No Partial or buggy support Partial or buggy support
vertical-align Yes Yes Yes Yes No Yes Yes Yes No Yes Yes
Color & Background Outlook 2000/03 Live Hotmail Yahoo! Mail Yahoo! Classic Outlook 2007/10 Apple Mail Apple iPhone Google Gmail Lotus Notes 6/7 Lotus Notes 8.5 AOL Desk 10
color Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
background Yes No Yes Yes Partial or buggy support Yes Yes Partial or buggy support No No Yes
-moz-background CSS3 No No No No No No No No No No No
-webkit-background CSS3 No No No No No Yes Yes No No No No
background-color Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
background-image Yes No Yes Yes No Yes Yes No No No Yes
background-position Yes No Yes Yes No Yes Yes No No No Yes
background-repeat Yes No Yes Yes No Yes Yes No No No Yes
-khtml-background-size CSS3 No No No No No Yes Yes No No No No
-moz-background-size CSS3 No No No No No No No No No No No
-o-background-size CSS3 No No No No No No No No No No No
-webkit-background-size CSS3 No No No No No Yes Yes No No No No
HSL Colors CSS3 Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
HSLA Colors CSS3 No No No No No Yes Yes No No No No
Opacity CSS3 No No No No No Yes Yes No No No No
RGBA Colors CSS3 No No No No No Yes Yes No No No No
Box Model Outlook 2000/03 Live Hotmail Yahoo! Mail Yahoo! Classic Outlook 2007/10 Apple Mail Apple iPhone Google Gmail Lotus Notes 6/7 Lotus Notes 8.5 AOL Desk 10
border Yes Partial or buggy support Yes Yes Yes Yes Yes Yes No Yes Yes
-moz-border-color CSS3 No No No No No No No No No No No
-moz-border-image CSS3 No No No No No No No No No No No
-moz-border-radius CSS3 No No No No No No No No No No No
-webkit-border-radius CSS3 No No No No No Yes Yes No No No No
-moz-box-shadow CSS3 No No No No No No No No No No No
-moz-box-sizing CSS3 No No Yes No No No No No No Yes Yes
height Yes Yes Yes Yes No Yes Yes Yes No Yes Yes
margin Yes Partial or buggy support Yes Yes Yes Yes Yes Yes No Yes Yes
padding Yes Yes Yes Yes Partial or buggy support Yes Yes Yes No Yes Yes
width Yes Yes Yes Yes No Yes Yes Yes No Yes Yes
Positioning & Display Outlook 2000/03 Live Hotmail Yahoo! Mail Yahoo! Classic Outlook 2007/10 Apple Mail Apple iPhone Google Gmail Lotus Notes 6/7 Lotus Notes 8.5 AOL Desk 10
bottom Yes No No No No Yes Yes No No Yes Yes
clear Yes Yes Yes Yes No Yes Yes Yes No Yes Yes
clip Yes No No No No Yes Yes No No No Yes
cursor Yes Yes Yes Yes No Yes No No No Yes Yes
display Yes Yes Yes Yes No Yes Yes Yes Yes Yes Yes
float Yes Yes Yes Yes No Yes Yes Yes No Yes Yes
left Yes No No No No Yes Yes No No Yes Yes
opacity No No No No No Yes Yes No No No Yes
outline CSS3 No No Partial or buggy support Partial or buggy support No Yes Yes Partial or buggy support No No No
overflow Yes Yes Yes Yes No Yes No Yes No No Yes
position Yes No No No No Yes Yes No No Yes Yes
resize CSS3 No Yes Yes Yes No Yes No No No Yes Yes
right Yes No No No No Yes Yes No No Yes Yes
top Yes No No No No Yes Yes No No Yes Yes
visibility Yes Yes Yes Yes No Yes Yes No No No Yes
z-index Yes No No No Yes Yes Yes No No Yes Yes
Lists Outlook 2000/03 Live Hotmail Yahoo! Mail Yahoo! Classic Outlook 2007/10 Apple Mail Apple iPhone Google Gmail Lotus Notes 6/7 Lotus Notes 8.5 AOL Desk 10
list-style-image Yes No Yes Yes No Yes Yes No No No Yes
list-style-position Yes Yes Yes Yes No Yes Yes Yes No No Yes
list-style-type Yes Yes Yes Yes No Yes Yes Yes Yes Yes Yes
Tables Outlook 2000/03 Live Hotmail Yahoo! Mail Yahoo! Classic Outlook 2007/10 Apple Mail Apple iPhone Google Gmail Lotus Notes 6/7 Lotus Notes 8.5 AOL Desk 10
border-collapse Yes Yes Yes No Yes Yes Yes Yes Yes Yes Yes
border-spacing No No Yes Yes No Yes Yes Yes No No No
caption-side No Yes No No No No No Yes No No No
empty-cells No Yes Yes Yes No Yes Yes Yes No No No
table-layout Yes Yes Yes Yes Yes Yes Yes Yes No Yes Yes
Popularité du client de messagerie 28% 16% 14% 9% 8% 7% 6% 1% 1%