Guía de uso para la utilización de CSS en las plantillas el mail marketing

Mediante la esta tabla explicamos que lectores de email basados en aplicación Web y aplicación Escritorio tiene soportados el CSS. 

Diseñe las Plantillas de sus correos electrónicos en HTML y haga que sea compatible y estandar con los principales lectores de correo electrónico. La Guía de CSS, incluye pequeñas variaciones entre los lectores de correo electrónico.

Hemos preparado esta guía para ahorrar el tiempo, con las diferencias entre los lectores de correos electrónicos más utilizados, desde aplicaciones de escritorio hasta aplicaciones Web, proximamente os ofreceremos datos sobre los moviles.

 

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

*Guía orientativa, puede sufrir variaciones

TourEstadísticasTabla comparativaI+D+ieShow 2013 MadridAyuda
CampañasPreciossCrea tu Cuenta!ClientesRecursosGlosario
DestinatariosVer PlanesAcerca deNoticiasLa Guía
PlantillasOtros ServiciosInfraestructuraLinksActualidad RSS