CSS Guide
Самый полный справочник по селекторам, стилевым свойствам и их значениям. Он поможет быстро узнать, поддерживается ли нужный вам элемент стиля в том или ином емейл-клиенте.
Удобно использовать с десктопа и мобильного устройства. Просто выберите тип емейл-клиента и интересующий элемент стиля.
Обновлено 1 июня 2023.
Удобно использовать с десктопа и мобильного устройства. Просто выберите тип емейл-клиента и интересующий элемент стиля.
Обновлено 1 июня 2023.
| Элемент стиля | Outlook 2007/10/13/16/19 | Outlook 03/Express/Mail | Mail iOS 11+ | Gmail Android/iOS 11+ | 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 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 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:nth-last-of-type | |||||||||||||
| E:first-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-position | |||||||||||||
| background-image | |||||||||||||
| 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 | |||||||||||||
| absolute | |||||||||||||
| relative>absolute | |||||||||||||
| fixed | |||||||||||||
| Display | |||||||||||||
| display: none | |||||||||||||
| display: inline | |||||||||||||
| display: inline-block | |||||||||||||
| display: block | |||||||||||||
| display: flex | |||||||||||||
| 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 | |||||||||||||