Приложение. Таблица поддержки email-клиентами свойств CSS.
Таблица поддержки email-клиентами свойств CSS.
http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html
| Support for the <style> element | ||||||||||||||||
| Outlook 2003/Express | Outlook 2007 | AOL 9 | Lotus Notes | Thunderbird | Gmail | Hotmail | Live Mail | Old Yahoo! | New Yahoo! | Mac Mail | Entourage | Eudora | Thunderbird | |||
| <style> element in the <head> | + | + | + | - | + | - | - | + | + | + | + | + | - | + | ||
| <style> element in the <body> | + | + | + | - | + | - | + | - | + | + | + | + | - | + |
| Support for the <link> element | ||||||||||||||||
| Outlook 2003/Express | Outlook 2007 | AOL 9 | Lotus Notes | Thunderbird | Gmail | Hotmail | Live Mail | Old Yahoo! | New Yahoo! | Mac Mail | Entourage | Eudora | Thunderbird | |||
| <link> element in the <head> | + | + | + | + | + | - | - | - | - | + | + | + | - | + | ||
| <link> element in the <body> | + | + | + | + | + | - | - | - | - | + | + | + | - | + |
| Support for CSS Selectors | ||||||||||||||||
| Outlook 2003/Express | Outlook 2007 | AOL 9 | Lotus Notes | Thunderbird | Gmail | Hotmail | Live Mail | Old Yahoo! | New Yahoo! | Mac Mail | Entourage | Eudora | Thunderbird | |||
| * | + | - | + | - | + | - | + | + | + | + | + | + | - | + | ||
| e | + | + | + | - | + | - | + | + | + | + | + | + | - | + | ||
| e > f | - | - | - | - | + | - | - | - | + | + | + | + | - | + | ||
| e:link | + | + | + | - | + | - | + | + | + | + | + | + | - | + | ||
| e:active, e:hover | + | - | + | - | + | - | + | + | + | + | + | + | - | + | ||
| e:focus | - | - | - | - | + | - | - | - | + | + | + | + | - | + | ||
| e+f | - | + | - | - | + | - | + | - | + | - | + | - | - | + | ||
| e[foo] | - | - | - | - | + | - | + | - | + | + | + | - | - | + | ||
| e.className | + | + | + | - | + | - | + | - | + | + | + | + | - | + | ||
| e#id | + | + | + | - | + | - | + | - | + | + | + | + | - | + | ||
| e:first-line | + | - | + | - | + | - | + | - | + | + | + | + | - | + | ||
| e:first-letter | + | - | + | - | + | - | + | - | + | + | + | + | - | + |
| Support for CSS Properties | ||||||||||||||||
| Outlook 2003/Express | Outlook 2007 | AOL 9 | Lotus Notes | Thunderbird | Gmail | Hotmail | Live Mail | Old Yahoo! | New Yahoo! | Mac Mail | Entourage | Eudora | Thunderbird | |||
| background-color | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| background-image | + | - | + | - | + | - | + | - | + | + | + | + | - | + | ||
| background-position | + | - | + | - | + | - | - | - | - | + | + | + | - | + | ||
| background-repeat | + | - | + | - | + | - | + | - | + | + | + | + | - | + | ||
| border | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| border-collapse | + | + | + | - | + | + | + | + | + | + | + | - | - | + | ||
| border-spacing | - | - | - | - | + | + | - | - | + | + | + | - | - | + | ||
| bottom | + | - | + | - | + | - | + | - | + | - | + | + | - | + | ||
| caption-side | - | - | - | - | + | + | - | + | + | - | - | - | - | + | ||
| clear | + | - | + | - | + | + | + | + | + | + | + | + | - | + | ||
| clip | + | - | + | - | + | - | + | - | + | - | + | + | - | + | ||
| color | + | + | + | + | + | + | + | + | + | + | + | + | - | + | ||
| cursor | + | - | + | - | + | - | + | + | + | + | + | - | - | + | ||
| direction | + | - | + | + | + | + | + | + | + | + | + | - | - | + | ||
| display | + | - | + | + | + | + | + | + | + | + | + | + | - | + | ||
| empty-cells | - | - | - | - | + | + | - | + | + | + | + | - | - | + | ||
| float | + | - | + | - | + | - | + | + | + | + | + | + | - | + | ||
| font-family | + | + | + | + | + | - | + | + | + | + | + | + | - | + | ||
| font-size | + | + | + | + | + | + | + | + | + | + | + | + | - | + | ||
| font-style | + | + | + | + | + | + | + | + | + | + | + | + | - | + | ||
| font-variant | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| font-weight | + | + | + | + | + | + | + | + | + | + | + | + | - | + | ||
| height | + | - | + | - | + | - | + | + | + | + | + | + | - | + | ||
| left | + | - | + | - | + | - | + | - | + | - | + | + | - | + | ||
| letter-spacing | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| line-height | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| list-style-image | + | - | + | - | + | - | + | - | + | + | + | + | - | + | ||
| list-style-position | + | - | + | - | + | + | - | + | - | + | + | + | - | + | ||
| list-style-type | + | - | + | + | + | + | - | - | + | + | + | + | - | + | ||
| margin | + | + | + | - | + | + | - | - | + | + | + | + | - | + | ||
| opacity | - | - | - | - | + | - | - | - | + | - | + | - | - | + | ||
| overflow | + | - | + | - | + | + | + | + | + | + | + | - | - | + | ||
| padding | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| position | + | - | + | - | + | - | - | - | - | - | + | + | - | + | ||
| right | + | - | + | - | + | - | + | - | + | - | + | + | - | + | ||
| table-layout | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| text-align | + | + | + | + | + | + | + | + | + | + | + | + | - | + | ||
| text-decoration | + | + | + | + | + | + | + | + | + | + | + | + | - | + | ||
| text-indent | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| text-transform | + | + | + | - | + | + | + | + | + | + | + | + | - | + | ||
| top | + | - | + | - | + | - | + | - | + | - | + | + | - | + | ||
| vertical-align | + | - | + | - | + | + | + | + | + | + | + | + | - | + | ||
| visibility | + | - | + | - | + | - | + | + | + | + | + | + | - | + | ||
| white-space | - | + | - | - | + | + | + | + | + | + | + | + | - | + | ||
| width | + | - | + | - | + | + | + | + | + | + | + | + | - | + | ||
| word-spacing | + | - | + | - | + | + | + | + | + | + | + | + | - | + | ||
| z-index | + | + | + | - | + | - | + | - | + | - | + | + | - | + |
Краткая таблица CSS- фильтров.
| Filter | CSS Level | Mozilla | Internet Explorer for Windows | Opera | Safari | ||||
| 1.8+ | 5.5 | 9.0-9.21 | Web Kit | 2.02-2.04 | |||||
| entire style sheets | @import url(styles.css) all; | Y | N | N | N | Y | Y | Y | |
| @import url(styles.css) All; | Y | N | N | N | Y | Y | Y | ||
| @import "style.css"/**/; | Y | Y | Y | N | Y | Y | Y | ||
| @import url(/**/"style.css"); | Y | N | Y | N | N | N | N | ||
| <!---->stylesheet | Y | N | N | N | Y | Y | Y | ||
| single rules | .fake.classname selector | N | N | Y | Y | N | N | N | |
| selector[attribute] | Y | Y | N | N | Y | Y | Y | ||
| selector[attribute =value] | Y | Y | N | N | Y | Y | Y | ||
| selector[attribute$="ending"] | Y | Y | N | N | Y | Y | Y | ||
| selector:lang(languageCode) | Y | N | N | N | Y | Y | N | ||
| [attribute|="hyphenated-value"] | Y | Y | N | N | N | Y | Y | ||
| selector, [dummy] | Y | Y | N | N | Y | Y | Y | ||
| selector, [dummy="dummy"] | Y | Y | N | N | Y | Y | Y | ||
| s\65 lector | Y | Y | Y | N | Y | Y | Y | ||
| se\lector | Y | Y | Y | N | Y | Y | Y | ||
| *>div selector | Y | Y | N | N | Y | Y | Y | ||
| * html selector | N | N | Y | Y | N | N | N | ||
| html>body selector | Y | Y | N | N | Y | Y | Y | ||
| html>/**/body selector | Y | N | N | N | Y | Y | Y | ||
| *+html selector | N | Y | N | N | N | N | N | ||
| *:first-child+html selector | N | Y | N | N | N | N | N | ||
| selector:/* */first-child | Y | Y | N | N | Y | Y | Y | ||
| html:first-child selector | N | N | N | N | Y | N | Y | ||
| head:first-child+body selector | Y | Y | N | N | Y | Y | Y | ||
| head+body selector | Y | Y | N | N | Y | Y | Y | ||
| head + /* */ body selector | Y | N | N | N | Y | Y | Y | ||
| head ~ body selector | Y | Y | N | N | Y | Y | N | ||
| html:not(:only-child) selector | Y | N | N | N | N | N | N | ||
| html[lang*=""] selector | N | Y | N | N | Y | Y | Y | ||
| html:not([lang*=""]) selector | Y | N | N | N | N | N | N | ||
| html/* */:not([lang*=""]) selector | Y | N | N | N | N | N | N | ||
| html:/* */not([lang*=""]) selector | Y | N | N | N | N | N | N | ||
| html[xmlns] selector | Y | Y | N | N | Y | Y | Y | ||
| voice-family: "\"}\"";voice-family: inherit;property: value; | Y | Y | Y | N | Y | Y | Y | ||
| single declarations | property /**/:value; | Y | Y | N | Y | Y | Y | Y | |
| property: /**/value; | Y | Y | Y | N | Y | Y | Y | ||
| p\roperty:value; | Y | Y | Y | N | Y | Y | Y | ||
| <!--[if IE]> markup <![endif]--> | N | Y | Y | Y | N | N | N | ||
| XHTML based | <style … ><!---->stylesheet</style> | Y | N | N | N | Y | Y | Y | |
| <link media="screen and all" … /> | Y | N | N | N | Y | Y | N | ||
| <style media="screen and all" … /> | Y | N | N | N | Y | Y | N | ||
| <link type="text/nonsense" … /> | N | N | N | N | Y | Y | Y | ||
| <style type="text/nonsense" … > | N | N | N | N | Y | N | N | ||
| <link type="text/css; charset=charset" … /> | Y | N | N | N | Y | Y | Y | ||
| <link rel="extra-keyword stylesheet" … /> | Y | N | N | N | Y | Y | Y | ||
| <link title="should load" … /><link title="shouldn't load" … /> | N | Y | Y | Y | N | N | N | ||
| <link/style title="should load" … ><style title="probably shouldn't load" … /> | N | Y | Y | Y | Y | N | N |
[1] В IE6 есть проблема: при указании свойства float в состояние left либо right соответствующий margin (margin-left либо margin-right соответственно) удваивается.
Дата добавления: 2015-07-07; просмотров: 781;
