CSS Guide
Самый полный справочник по селекторам, стилевым свойствам и их значениям. Он поможет быстро узнать, поддерживается ли нужный вам элемент стиля в том или ином емейл-клиенте.
Удобно использовать с десктопа и мобильного устройства. Просто выберите тип емейл-клиента и интересующий элемент стиля.
Удобно использовать с десктопа и мобильного устройства. Просто выберите тип емейл-клиента и интересующий элемент стиля.
| Элемент стиля | Outlook 2007/10/13/16 | Outlook 03/Express/Mail | Mail iOS 9+ | Mail Android 4.4 | Gmail Android/iOS 9+ | Mail.ru Android/iOS | Yandex Android/iOS | Mail.ru | Yandex.ru | Gmail.com | Rambler.ru | Outlook.com | Yahoo! |
|---|
| Элемент стиля | Outlook 2007/10/13/16 | Outlook 03/Express/Mail | Mail iOS 9+ | Mail Android 4.4 | Gmail Android/iOS 9+ | Mail.ru Android/iOS | Yandex Android/iOS | Mail.ru | Yandex.ru | Gmail.com | Rambler.ru | Outlook.com | Yahoo! | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Responsive | |||||||||||||||||||||
| Media queries | |||||||||||||||||||||
| Style Element | |||||||||||||||||||||
| <style> in <head> | |||||||||||||||||||||
| <style> in <body> | |||||||||||||||||||||
| Link Element | |||||||||||||||||||||
| <link> in <head> | |||||||||||||||||||||
| <link> in <body> | |||||||||||||||||||||
| Selectors | |||||||||||||||||||||
| E | |||||||||||||||||||||
| E[foo] | |||||||||||||||||||||
| E[foo="bar"] | |||||||||||||||||||||
| E[foo~="bar"] | |||||||||||||||||||||
| E[foo^="bar"] | |||||||||||||||||||||
| E[foo$="bar"] | |||||||||||||||||||||
| E[foo*="bar"] | |||||||||||||||||||||
| E:first-child | |||||||||||||||||||||
| E:nth-child | |||||||||||||||||||||
| E:first-of-type | |||||||||||||||||||||
| E:nth-last-of-type | |||||||||||||||||||||
| E:empty | |||||||||||||||||||||
| E:link | |||||||||||||||||||||
| E:visited | |||||||||||||||||||||
| E:active | |||||||||||||||||||||
| E:hover | |||||||||||||||||||||
| E:focus | |||||||||||||||||||||
| E:target | |||||||||||||||||||||
| E::first-line | |||||||||||||||||||||
| E::first-letter | |||||||||||||||||||||
| E::before | |||||||||||||||||||||
| E::after | |||||||||||||||||||||
| E.classname | |||||||||||||||||||||
| E#id | |||||||||||||||||||||
| E:not() | |||||||||||||||||||||
| E F | |||||||||||||||||||||
| E > F | |||||||||||||||||||||
| E + F | |||||||||||||||||||||
| E ~ F | |||||||||||||||||||||
| Text & Fonts | |||||||||||||||||||||
| @font-face | |||||||||||||||||||||
| direction | |||||||||||||||||||||
| font | |||||||||||||||||||||
| font-family | |||||||||||||||||||||
| font-style | |||||||||||||||||||||
| font-variant | |||||||||||||||||||||
| font-size | |||||||||||||||||||||
| font-weight | |||||||||||||||||||||
| letter-spacing | |||||||||||||||||||||
| line-height | |||||||||||||||||||||
| text-align | |||||||||||||||||||||
| text-decoration | |||||||||||||||||||||
| text-indent | |||||||||||||||||||||
| text-overflow | |||||||||||||||||||||
| text-shadow | |||||||||||||||||||||
| text-transform | |||||||||||||||||||||
| white-space | |||||||||||||||||||||
| word-spacing | |||||||||||||||||||||
| word-wrap | |||||||||||||||||||||
| vertical-align | |||||||||||||||||||||
| text-fill-color | |||||||||||||||||||||
| text-stroke | |||||||||||||||||||||
| Color & Background | |||||||||||||||||||||
| background | |||||||||||||||||||||
| background-color | |||||||||||||||||||||
| background-image | |||||||||||||||||||||
| background-position | |||||||||||||||||||||
| background-repeat | |||||||||||||||||||||
| background-size | |||||||||||||||||||||
| multiple background | |||||||||||||||||||||
| linear-gradient | |||||||||||||||||||||
| HSL Colors | |||||||||||||||||||||
| HSLA Colors | |||||||||||||||||||||
| Opacity | |||||||||||||||||||||
| RGBA Colors | |||||||||||||||||||||
| Box Model | |||||||||||||||||||||
| border | |||||||||||||||||||||
| border-color | |||||||||||||||||||||
| border-image | |||||||||||||||||||||
| border-radius | |||||||||||||||||||||
| box-shadow | |||||||||||||||||||||
| height | |||||||||||||||||||||
| margin | |||||||||||||||||||||
| padding | |||||||||||||||||||||
| width | |||||||||||||||||||||
| max-width | |||||||||||||||||||||
| min-width | |||||||||||||||||||||
| div height | |||||||||||||||||||||
| div margin | |||||||||||||||||||||
| div padding | |||||||||||||||||||||
| div width | |||||||||||||||||||||
| div max-width | |||||||||||||||||||||
| div min-width | |||||||||||||||||||||
| Positioning & Display | |||||||||||||||||||||
| bottom | |||||||||||||||||||||
| clear | |||||||||||||||||||||
| cursor | |||||||||||||||||||||
| display block | |||||||||||||||||||||
| float | |||||||||||||||||||||
| left | |||||||||||||||||||||
| opacity | |||||||||||||||||||||
| outline | |||||||||||||||||||||
| resize | |||||||||||||||||||||
| visibility | |||||||||||||||||||||
| div z-index | |||||||||||||||||||||
| Position | |||||||||||||||||||||
| relative | |||||||||||||||||||||
| div relative | |||||||||||||||||||||
| absolute | |||||||||||||||||||||
| Display | |||||||||||||||||||||
| display: none | |||||||||||||||||||||
| display: inline | |||||||||||||||||||||
| display: block | |||||||||||||||||||||
| Resize | |||||||||||||||||||||
| resize: none | |||||||||||||||||||||
| resize: both | |||||||||||||||||||||
| resize: horizontal | |||||||||||||||||||||
| resize: vertical | |||||||||||||||||||||
| Overflow | |||||||||||||||||||||
| y | |||||||||||||||||||||
| auto | |||||||||||||||||||||
| scroll | |||||||||||||||||||||
| hidden | |||||||||||||||||||||
| Lists | |||||||||||||||||||||
| list-style-image | |||||||||||||||||||||
| list-style-position | |||||||||||||||||||||
| list-style-type | |||||||||||||||||||||
| Tables | |||||||||||||||||||||
| border-collapse | |||||||||||||||||||||
| border-spacing | |||||||||||||||||||||
| caption-side | |||||||||||||||||||||
| empty-cells | |||||||||||||||||||||
| table-layout | |||||||||||||||||||||