Приложение. Таблица поддержки 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; просмотров: 688;