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 |