Guide pour l'utilisation du CSS dans le template d'email marketing

Modèles de conception vos e-mails en HTML et de le rendre compatible avec les principaux lecteurs e-mail standard. Le Guide de la CSS, comprend de petites variations parmi les lecteurs e-mail.

Nous avons préparé ce guide pour gagner du temps, avec des différences entre les lecteurs d'e-mails couramment utilisés à partir d'applications de bureau pour les applications Web, nous allons bientôt offrir des données sur les téléphones.

 

Style Element Live Hotmail
Yahoo!
Mail
Outlook
2007/10
Apple
Mail
Google
Gmail
Lotus
Notes 8.5
AOL 10
<style> in <head> OK OK OK OK KO OK OK
<style> in <body> OK OK OK OK KO OK OK
Link Element              
<link> in <head> OK OK OK OK KO OK OK
<link> in <body> OK OK OK OK KO OK OK
Selectors Live Hotmail
 Yahoo!
Mail
Outlook
2007/10

 Apple
Mail
Google
Gmail
Lotus
Notes 8.5
 AOL 10
e OK OK OK OK KO OK OK
* OK OK KO OK KO OK OK
e.className OK OK OK OK KO OK OK
e#id KO OK OK OK KO OK OK
e:link OK OK OK OK KO OK OK
e:active, e:hover OK OK KO OK KO OK OK
e:first-line KO KO KO OK KO OK OK
e:first-letter KO KO KO OK KO OK OK
e > f KO OK KO OK KO KO KO
e:focus KO OK KO OK KO KO KO
e+f KO KO KO OK KO KO KO
e[foo] KO OK KO OK KO KO KO
Text & Fonts  Live Hotmail
 Yahoo!
Mail
 Outlook
2007/10
Apple
Mail

 Google
Gmail
 Lotus
Notes 8.5
 AOL 10
direction OK OK KO OK KO OK OK
font OK OK OK OK OK OK OK
font-family OK OK OK OK OK OK OK
font-style OK OK OK OK OK OK OK
font-variant OK OK OK OK OK OK OK
font-size OK OK OK OK OK OK OK
font-weight OK OK OK OK OK OK OK
letter-spacing OK OK OK OK OK OK OK
line-height OK OK OK OK OK OK OK
text-align OK OK OK OK OK OK OK
text-decoration OK OK OK OK OK OK OK
text-indent OK OK OK OK OK OK OK
text-overflow CSS3 info KO KO info info info info
text-shadow CSS3 info info KO OK info KO KO
text-transform OK OK OK OK OK OK OK
white-space OK OK OK OK OK KO KO
word-spacing OK OK KO OK OK OK OK
word-wrap CSS3 KO OK KO OK KO info info
vertical-align OK OK KO OK OK OK OK
Color & Background  Live Hotmail
Yahoo!
Mail
 Outlook
2007/10
 Apple
Mail
 Google
Gmail
 Lotus
Notes 8.5
AOL 10
color OK OK OK OK OK OK OK
background KO OK info OK info KO info
-moz-background CSS3 KO KO KO KO KO KO KO
-webkit-background CSS3 KO KO KO OK KO KO KO
background-color OK OK OK OK OK OK OK
background-image KO OK KO OK KO KO OK
background-position KO OK KO OK KO KO OK
background-repeat KO OK KO OK KO KO OK
-khtml-background-size CSS3 KO KO KO OK KO KO KO
-moz-background-size CSS3
KO KO KO KO KO KO KO
-o-background-size CSS3 KO KO KO KO KO KO KO
-webkit-background-size CSS3
KO KO KO OK KO KO KO
HSL Colors CSS3 OK OK OK OK OK OK OK
HSLA Colors CSS3
KO KO KO OK KO KO KO
Opacity CSS3 KO KO KO OK KO KO KO
RGBA Colors CSS3
KO KO KO OK KO KO KO
Box Model Live Hotmail
 Yahoo!
Mail
Outlook
2007/10

 Apple
Mail
Google
Gmail
Lotus
Notes 8.5
 AOL 10
border
OK OK OK OK OK OK OK
-moz-border-color CSS3 KO KO KO KO KO KO KO
-moz-border-image CSS3 KO KO KO KO KO KO KO
-moz-border-radius CSS3 KO KO KO KO KO KO KO
-webkit-border-radius CSS3 KO KO KO OK KO KO KO
-moz-box-shadow CSS3 KO KO KO KO KO KO KO
-moz-box-sizing CSS3 KO OK KO KO KO OK OK
height OK OK KO OK OK OK OK
margin KO OK OK OK OK OK OK
padding OK OK info OK OK OK OK
width OK OK KO OK OK OK OK
Positioning & Display Live Hotmail
 Yahoo!
Mail
Outlook
2007/10

 Apple
Mail
Google
Gmail
Lotus
Notes 8.5
 AOL 10
bottom KO KO KO OK KO OK OK
clear OK OK KO OK OK OK OK
clip KO KO KO OK KO KO OK
cursor OK OK KO OK KO OK OK
display OK OK KO OK OK OK OK
float OK OK KO OK OK OK OK
left KO KO KO OK KO OK OK
opacity KO KO KO OK KO KO OK
outline CSS3 KO info KO OK info KO KO
overflow OK OK KO OK OK KO OK
position KO KO KO OK KO OK OK
resize CSS3 OK OK KO OK KO OK OK
right KO KO KO OK KO OK OK
top KO KO KO OK KO OK OK
visibility OK OK KO OK KO KO OK
z-index KO KO OK OK KO OK OK
Lists  Live Hotmail
Yahoo!
Mail
 Outlook
2007/10
 Apple
Mail
 Google
Gmail
 Lotus
Notes 8.5
AOL 10
list-style-image KO OK KO OK KO KO OK
list-style-position OK OK KO OK OK KO OK
list-style-type OK OK KO OK OK OK OK
Tables  Live Hotmail
Yahoo!
Mail
 Outlook
2007/10
 Apple
Mail
 Google
Gmail
 Lotus
Notes 8.5
AOL 10
border-collapse OK OK OK OK OK OK OK
border-spacing KO OK KO OK OK KO KO
caption-side OK KO KO KO OK KO KO
empty-cells OK OK KO OK OK KO KO
table-layout OK OK OK OK OK OK OK

* Guide d'orientation, pourrait subir des changements

TourRapportsTableau comparaisonI+D+ieShow 2013 MadridSoutien
CampagnesPrixInscrivez-vous!Cas ClientsRessourcesGlossaire
MembresVoir les PlansA propos deNouvellesGuide Ressources
DesignServices ProfessionnelsInfrastructureLiensRSS Actualités