Birkaç arkadaşımın istediği üzerine, ziyaretçilerin M2-Stil‘e makale gönderebilecekleri özel bir form hazırlıyordum. Herşey sorunsuz ilerlerken, e-posta adresime gönderilecek e-posta’nın temasına geçtik ve bu bölüm zurnanın zırt dediği yer oldu benim için. Arkaplan resimi ekliyordum, Windows Live Mail’de gözükürken, Gmail’de gözükmüyor. Logo’yu konumladırmak istiyorum! Yine Windows Live Mail’de çalışırken, Gmail’de çalışmıyor. Olucak gibi değil, bu beni aşar dedim ve bir araştırma yapma gereği duydum. Tabii araştırma sonucu tam istediğim şeyi bularak, e-posta sağlayıclarının desteklediği CSS kodlarını öğrenmiş oldum. BU sitede Outlook 2000/2003, Yahoo! Mail, Yahoo! Classic, Live Hotmail, Apple Mail, Outlook 2007, Google Gmail, Apple iPhone, Lotus Notes 6/7, Lotus Notes 8.5 ve AOL Desk 10 e-posta alıcılarında test edilmiş CSS kodlarını buldum. Aşağıdaki tabloda, popüler e-posta alıcılarının desteklediği CSS kodları bulunmaktadır! Eğer isterseniz 24 e-posta alıcısının 27 Ağustos 2009′a kadar ki desteklediği CSS kodlarınıda XLS (İng.) yada PDF (İng.) olarak indirebilirsiniz.Sonuç olarak! Aşağıdaki tabloda da göreceğiniz üzere; aynı firmanın ayrı versiyonda e-posta alıcıları bile! Aynı kodu desteklememekte.
| “style” Elementi | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| <head> içinde <style> elementi |  |
|
|
|
|
|
 |
|
|
|
|
| <body> içinde <style> elementi | |
|
|
|
|
|
|
|
|
|
|
| “link” Elementi | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
| <head> içinde <link> elementi | |
|
|
|
|
|
|
|
|
|
|
| <body> içinde <link> elementi | |
|
|
|
|
|
|
|
|
|
|
| Seçiciler | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
| e | |
|
|
|
|
|
|
|
|
|
|
| * | |
|
|
|
|
|
|
|
|
|
|
| e.stilAdi | |
|
|
|
|
|
|
|
|
|
|
| e#stilAdi | |
|
|
|
|
|
|
|
|
|
|
| e:link | |
|
|
|
|
|
|
|
|
|
|
| e:active, e:hover | |
|
|
|
|
|
|
|
|
|
|
| e:first-line | |
|
|
|
|
|
|
|
|
|
|
| e:first-letter | |
|
|
|
|
|
|
|
|
|
|
| e > f | |
|
|
|
|
|
|
|
|
|
|
| e:focus | |
|
|
|
|
|
|
|
|
|
|
| e+f | |
|
|
|
|
|
|
|
|
|
|
| e[foo] | |
|
|
|
|
|
|
|
|
|
|
| Metin & Yazılar | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
| direction | |
|
|
|
|
|
|
|
|
|
|
| font | |
|
|
|
|
|
|
|
|
|
|
| font-family | |
|
|
|
|
|
|
|
|
|
|
| font-style | |
|
|
|
|
|
|
|
|
|
|
| font-variant | |
|
|
|
|
|
|
|
|
|
|
| font-size | |
|
|
|
|
|
|
|
|
|
|
| font-weight | |
|
|
|
|
|
|
|
|
|
|
| letter-spacing | |
|
|
|
|
|
|
|
|
|
|
| line-height | |
|
|
|
|
|
|
|
|
|
|
| text-align | |
|
|
|
|
|
|
|
|
|
|
| text-decoration | |
|
|
|
|
|
|
|
|
|
|
| text-indent | |
|
|
|
|
|
|
|
|
|
|
| text-transform | |
|
|
|
|
|
|
|
|
|
|
| white-space | |
|
|
|
|
|
|
|
|
|
|
| word-spacing | |
|
|
|
|
|
|
|
|
|
|
| vertical-align | |
|
|
|
|
|
|
|
|
|
|
| Renk & Arkaplan | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
| color | |
|
|
|
|
|
|
|
|
|
|
| background | |
|
|
|
|
 |
|
|
|
|
|
| background-color | |
|
|
|
|
|
|
|
|
|
|
| background-image | |
|
|
|
|
|
|
|
|
|
|
| background-position | |
|
|
|
|
|
|
|
|
|
|
| background-repeat | |
|
|
|
|
|
|
|
|
|
|
| Kutu Modeli | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
| border | |
|
|
|
|
|
|
|
|
|
|
| height | |
|
|
|
|
|
|
|
|
|
|
| margin | |
|
|
|
|
|
|
|
|
|
|
| padding | |
|
|
|
|
|
|
|
|
|
|
| width | |
|
|
|
|
|
|
|
|
|
|
| Pozisyon & Görünürlük | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
| bottom | |
|
|
|
|
|
|
|
|
|
|
| clear | |
|
|
|
|
|
|
|
|
|
|
| clip | |
|
|
|
|
|
|
|
|
|
|
| cursor | |
|
|
|
|
|
|
|
|
|
|
| display | |
|
|
|
|
|
|
|
|
|
|
| float | |
|
|
|
|
|
|
|
|
|
|
| left | |
|
|
|
|
|
|
|
|
|
|
| opacity | |
|
|
|
|
|
|
|
|
|
|
| overflow | |
|
|
|
|
|
|
|
|
|
|
| position | |
|
|
|
|
|
|
|
|
|
|
| right | |
|
|
|
|
|
|
|
|
|
|
| top | |
|
|
|
|
|
|
|
|
|
|
| visibility | |
|
|
|
|
|
|
|
|
|
|
| z-index | |
|
|
|
|
|
|
|
|
|
|
| Liste | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
| color | |
|
|
|
|
|
|
|
|
|
|
| background | |
|
|
|
|
|
|
|
|
|
|
| color | |
|
|
|
|
|
|
|
|
|
|
| Liste | Outlook 2000/03 | Yahoo! Mail | Yahoo! Classic | Live Hotmail | Apple Mail | Outlook 2007 | Google Gmail | Apple iPhone | L. Notes 6/7 | L. Notes 8.5 | AOL Desk 10 |
| border-collapse | |
|
|
|
|
|
|
|
|
|
|
| border-spacing | |
|
|
|
|
|
|
|
|
|
|
| caption-side | |
|
|
|
|
|
|
|
|
|
|
| empty-cells | |
|
|
|
|
|
|
|
|
|
|
| table-layout | |
|
|
|
|
|
|
|
|
|
|
| Top. Pazar Payı | 32% | 15% | 15% | 6% | 5% | 5% | 5% | 2% | 2% | ||
