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! old | Yahoo! new |
|---|
| Элемент стиля | 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! old | Yahoo! new |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 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 | ||||||||||||||