ALL MOBILE AND OTHER RESPONSIVE EMAILER/NEWSLETTER TAGS
Hi Friends today i will tell you about all the tags which is used in the emailer or newsletter. Generally we have a confusion in our mind, this tag is working or not in my emailer or newsletter. You can see the tables below after seeing the table you got to know which tag is working or which tag is not working in your mobile, desktop, laptop, mac, webmail and other kind of platform.
Nowadays It is very necessary to know about which tag is working in my email because we are sending email for promotional, personal as well as transactional email in our daily routine to grow our business or website.
If you have a less knowledge about Emailer/Newsletter or Email Markeing. Read this
HOW TO CODE A RESPONSIVE EMAILER OR NEWSLETTER
Remember Things Before Email Marketing
ALL MOBILE AND OTHER RESPONSIVE EMAILER/NEWSLETTER TAGS:
Nowadays we are working on desktop, laptop and pc to see the emailer, newsletter. For this we have to create a emailer/newsletter but before making a emailer we have to know which HTML and CSS tags are working in our email for viewing.
Desktop Responsive Emailer/Newsletter Tags
| CSS Tags | Outlook 07 / 10 / 13 | Outlook 03 / Express / Mail | Windows Live Mail 2011 | Notes 6 / 7 | Lotus Notes 8.5 |
|---|---|---|---|---|---|
| Responsive | |||||
| @media | No | No | No | No | No |
| Style element | |||||
| style in head | Yes | Yes | Yes | No | Yes |
| style in body | Yes | Yes | Yes | No | Yes |
| Link Element | |||||
| link in head | Yes | Yes | Yes | Yes | Yes |
| link in body | Yes | Yes | Yes | No | Yes |
| Text & Fonts | |||||
| @font-face | No | No | No | No | No |
| direction | Yes | Yes | No | No | Yes |
| font | Yes | Yes | Yes | No | Yes |
| font-family | Yes | Yes | Yes | Yes | Yes |
| font-style | Yes | Yes | Yes | Yes | Yes |
| font-variant | Yes | Yes | Yes | No | Yes |
| font-size | Yes | Yes | Yes | Yes | Yes |
| font-weight | Yes | Yes | Yes | Yes | Yes |
| letter-spacing | Yes | Yes | Yes | No | Yes |
| line-height | Yes | Yes | Yes | No | Yes |
| text-align | Yes | Yes | Yes | Yes | Yes |
| text-decoration | Yes | Yes | Yes | Yes | Yes |
| text-indent | Yes | Yes | Yes | No | Yes |
| text-overflow CSS3 | No | Yes | Yes | No | Yes |
| text-shadow CSS3 | No | No | No | No | No |
| text-transform | Yes | Yes | Yes | No | Yes |
| white-space | No | Yes | Yes | No | No |
| word-spacing | No | Yes | Yes | No | Yes |
| word-wrap CSS3 | No | Partial/Buggy | Yes | No | Partial/Buggy |
| vertical-align | Yes | Yes | Yes | No | Yes |
| text-fill-color CSS3 | No | No | No | No | No |
| text-fill-stroke CSS3 | No | No | No | No | No |
| Color & Background | |||||
| color | Yes | Yes | Yes | Yes | Yes |
| background | Partial/Buggy | Yes | Yes | No | No |
| background CSS3 | No | No | Yes | No | No |
| background-color | Yes | Yes | Yes | No | Yes |
| background-image | No | Yes | Yes | No | No |
| background-position | No | Yes | Yes | No | No |
| background-repeat | No | Yes | Yes | No | No |
| background-size CSS3 | No | No | No | No | No |
| HSL Colors CSS3 | Yes | Yes | Yes | No | Yes |
| HSLA Colors CSS3 | No | No | No | No | No |
| Opacity CSS3 | No | No | No | No | No |
| RGBA Colors CSS3 | No | No | No | No | No |
| Box Model | |||||
| border | Yes | Yes | Yes | No | Yes |
| border-color | No | No | No | No | Yes |
| border-image CSS3 | No | No | No | No | No |
| border-radius CSS3 | No | No | No | No | No |
| box-shadow CSS3 | No | No | No | No | No |
| height | No | Yes | Yes | No | Yes |
| margin | Yes | Yes | Yes | No | Yes |
| padding | Partial/Buggy | Yes | Yes | No | Yes |
| width | Partial/Buggy | Yes | Yes | No | Yes |
| max-width | No | Yes | Yes | No | No |
| min-width | No | Yes | Yes | No | No |
| Positioning & Display | |||||
| bottom | No | Yes | Yes | No | Yes |
| clear | No | Yes | Yes | No | Yes |
| clip | No | Yes | Yes | No | Yes |
| cursor | No | Yes | Yes | No | Yes |
| display | No | Yes | Yes | Yes | Yes |
| float | No | Yes | Yes | No | Yes |
| left | No | Yes | Yes | No | Yes |
| opacity | No | No | No | No | No |
| outline CSS3 | No | No | No | No | No |
| overflow | No | Yes | Yes | No | No |
| position | No | Yes | Yes | No | Yes |
| resize CSS3 | No | Yes | No | No | Yes |
| right | No | Yes | Yes | No | Yes |
| top | No | Yes | Yes | No | Yes |
| visibility | No | Yes | Yes | No | No |
| z-index | Yes | Yes | Yes | No | No |
| Lists | |||||
| list-style-image | No | Yes | Yes | No | No |
| list-style-position | No | Yes | Yes | No | No |
| list-style-type | Yes | Yes | Yes | Yes | Yes |
| Tables | |||||
| border-collapse | Yes | Yes | Yes | Yes | Yes |
| border-spacing | No | No | No | No | No |
| caption-side | No | No | No | No | No |
| empty-cells | No | No | No | No | No |
| table-layout | Yes | Yes | Yes | No | Yes |
| HTML 5 | |||||
| canvas | No | No | No | No | No |
| audio | No | No | No | No | No |
| video | No | No | No | No | No |
Nowadays all companies have their websites and webmail. They are opening their emails on webmail. For this we have to know about all the HTML and CSS tags are working in our webmail for viewing.
Webmail Responsive Emailer/Newsletter Tags
| CSS Tags | Outlook.com | Yahoo! Mail | Gmail | AOL Mail |
|---|---|---|---|---|
| Responsive | ||||
| @media | NO | NO | NO | YES |
| Style element | ||||
| style in head | YES | YES | NO | YES |
| style in body | YES | YES | NO | YES |
| Link Element | ||||
| link in head | NO | NO | NO | NO |
| link in body | NO | NO | NO | NO |
| Text & Fonts | ||||
| @font-face | NO | NO | NO | YES |
| direction | YES | YES | YES | YES |
| font | YES | YES | YES | YES |
| font-family | YES | YES | YES | YES |
| font-style | YES | YES | YES | YES |
| font-variant | YES | YES | YES | YES |
| font-size | YES | YES | YES | YES |
| font-weight | YES | YES | YES | YES |
| letter-spacing | YES | YES | YES | YES |
| line-height | YES | YES | YES | YES |
| text-align | YES | YES | YES | YES |
| text-decoration | YES | YES | YES | YES |
| text-indent | YES | YES | YES | YES |
| text-overflow CSS3 | BUG | BUG | BUG | BUG |
| text-shadow CSS3 | YES | YES | NO | YES |
| text-transform | YES | YES | YES | YES |
| white-space | YES | YES | YES | YES |
| word-spacing | YES | YES | YES | YES |
| word-wrap CSS3 | YES | YES | NO | BUG |
| vertical-align | YES | YES | YES | YES |
| text-fill-color CSS3 | NO | NO | NO | YES |
| text-fill-stroke CSS3 | NO | NO | NO | YES |
| Color & Background | ||||
| color | YES | YES | YES | YES |
| background | BUG | YES | YES | YES |
| background CSS3 | NO | NO | NO | YES |
| background-color | YES | YES | YES | YES |
| background-image | NO | YES | YES | YES |
| background-position | NO | YES | NO | YES |
| background-repeat | NO | YES | YES | YES |
| background-size CSS3 | NO | BUG | NO | YES |
| HSL Colors CSS3 | YES | YES | YES | YES |
| HSLA Colors CSS3 | NO | NO | YES | YES |
| Opacity CSS3 | YES | NO | NO | YES |
| RGBA Colors CSS3 | NO | NO | YES | YES |
| Box Model | ||||
| border | YES | YES | YES | YES |
| border-color | YES | YES | YES | YES |
| border-image CSS3 | NO | NO | NO | YES |
| border-radius CSS3 | YES | NO | YES | YES |
| box-shadow CSS3 | YES | NO | NO | YES |
| height | YES | YES | YES | YES |
| margin | NO | YES | YES | YES |
| padding | YES | YES | YES | YES |
| width | YES | YES | YES | YES |
| max-width | YES | YES | YES | YES |
| min-width | YES | YES | YES | YES |
| Positioning & Display | ||||
| bottom | YES | NO | NO | YES |
| clear | YES | YES | YES | YES |
| clip | NO | NO | NO | YES |
| cursor | YES | YES | NO | YES |
| display | YES | YES | NO | YES |
| float | NO | YES | YES | YES |
| left | NO | NO | NO | YES |
| opacity | YES | NO | NO | YES |
| outline CSS3 | BUG | BUG | BUG | YES |
| overflow | BUG | BUG | BUG | YES |
| position | YES | NO | NO | YES |
| resize CSS3 | BUG | BUG | NO | YES |
| right | YES | NO | NO | YES |
| top | YES | NO | NO | YES |
| visibility | YES | YES | NO | YES |
| z-index | YES | YES | YES | YES |
| Lists | ||||
| list-style-image | NO | YES | NO | YES |
| list-style-position | NO | YES | YES | YES |
| list-style-type | YES | YES | YES | YES |
| Tables | ||||
| border-collapse | YES | YES | YES | YES |
| border-spacing | YES | YES | YES | YES |
| caption-side | YES | YES | YES | YES |
| empty-cells | YES | YES | YES | YES |
| table-layout | YES | YES | YES | YES |
| HTML 5 | ||||
| canvas | NO | NO | NO | NO |
| audio | BUG | NO | NO | NO |
| video | BUG | NO | NO | NO |
All the CEO and owner of big companies are using the apple and MAC devices for surfing the internet or doing theit work. Whether it is related to email or something else. For this we have to know about all the HTML and CSS tags are working in our MAC devices.
MAC Responsive Emailer/Newsletter Tags
| CSS Tags | AOL Desktop 10 | Apple Mail 6.5 | Entourage 2008 | Outlook 2011 | Postbox | Thunderbird 17 |
|---|---|---|---|---|---|---|
| Responsive | ||||||
| @media | No | Yes | Yes | Yes | ||
| Style element | ||||||
| style in head | Yes | Yes | Yes | Yes | Yes | Yes |
| style in body | Yes | Yes | Yes | Yes | Yes | Yes |
| Link Element | ||||||
| link in head | Yes | Yes | Yes | Yes | Yes | Yes |
| link in body | Yes | Yes | Yes | Yes | Yes | Yes |
| Text & Fonts | ||||||
| @font-face | No | Yes | No | No | ||
| direction | Yes | Yes | Yes | Yes | Yes | Yes |
| font | Yes | Yes | Yes | Yes | Yes | Yes |
| font-family | Yes | Yes | Yes | Yes | Yes | Yes |
| font-style | Yes | Yes | Yes | Yes | Yes | Yes |
| font-variant | Yes | Yes | Yes | Yes | Yes | Yes |
| font-size | Yes | Yes | Yes | Yes | Yes | Yes |
| font-weight | Yes | Yes | Yes | Yes | Yes | Yes |
| letter-spacing | Yes | Yes | Yes | Yes | Yes | Yes |
| line-height | Yes | Yes | Yes | Yes | Yes | Yes |
| text-align | Yes | Yes | Yes | Yes | Yes | Yes |
| text-decoration | Yes | Yes | Yes | Yes | Yes | Yes |
| text-indent | Yes | Yes | Yes | Yes | Yes | Yes |
| text-overflow CSS3 | Yes | Yes | Yes | Yes | Yes | Yes |
| text-shadow CSS3 | No | Yes | Yes | Yes | Yes | Yes |
| text-transform | Yes | Yes | Yes | Yes | Yes | Yes |
| white-space | No | Yes | Yes | Yes | Yes | Yes |
| word-spacing | Yes | Yes | Yes | Yes | Yes | Yes |
| word-wrap CSS3 | Partial/Buggy | Yes | Yes | Yes | Yes | Yes |
| vertical-align | Yes | Yes | Yes | Yes | Yes | Yes |
| text-fill-color CSS3 | No | Yes | No | No | ||
| text-fill-stroke CSS3 | No | Yes | No | No | ||
| Color & Background | ||||||
| color | Yes | Yes | Yes | Yes | Yes | Yes |
| background | Yes | Yes | Yes | Yes | Yes | Yes |
| background CSS3 | No | Yes | No | Yes | Yes | Yes |
| background-color | Yes | Yes | Yes | Yes | Yes | Yes |
| background-image | Yes | Yes | Yes | Yes | Yes | Yes |
| background-position | Yes | Yes | Yes | Yes | Yes | Yes |
| background-repeat | Yes | Yes | Yes | Yes | Yes | Yes |
| background-size CSS3 | No | Yes | Partial/Buggy | Partial/Buggy | Yes | Yes |
| HSL Colors CSS3 | Yes | Yes | Yes | Yes | Yes | Yes |
| HSLA Colors CSS3 | No | Yes | Yes | Yes | Yes | Yes |
| Opacity CSS3 | No | Yes | Yes | Yes | Yes | Yes |
| RGBA Colors CSS3 | No | Yes | Yes | Yes | Yes | Yes |
| Box Model | ||||||
| border | Yes | Yes | Yes | Yes | Yes | Yes |
| border-color | No | Yes | No | No | Yes | Yes |
| border-image CSS3 | No | Yes | No | No | No | No |
| border-radius CSS3 | No | Yes | No | No | Yes | Yes |
| box-shadow CSS3 | No | Yes | No | No | Yes | Yes |
| height | Yes | Yes | Yes | Yes | Yes | Yes |
| margin | Yes | Yes | Yes | Yes | Yes | Yes |
| padding | Yes | Yes | Yes | Yes | Yes | Yes |
| width | Yes | Yes | Yes | Yes | Yes | Yes |
| max-width | No | Yes | Yes | Yes | ||
| min-width | No | Yes | Yes | Yes | ||
| Positioning & Display | ||||||
| bottom | Yes | Yes | Yes | Yes | Yes | Yes |
| clear | Yes | Yes | Yes | Yes | Yes | Yes |
| clip | Yes | Yes | Yes | Yes | Yes | Yes |
| cursor | Yes | Yes | Yes | Yes | Yes | Yes |
| display | Yes | Yes | Yes | Yes | Yes | Yes |
| float | Yes | Yes | Yes | Yes | Yes | Yes |
| left | Yes | Yes | Yes | Yes | Yes | Yes |
| opacity | Yes | Yes | Yes | Yes | Yes | Yes |
| outline CSS3 | No | Yes | Yes | Yes | Yes | Yes |
| overflow | Yes | Yes | Yes | Yes | Yes | Yes |
| position | Yes | Yes | Yes | Yes | Yes | Yes |
| resize CSS3 | Yes | Yes | Yes | Yes | Yes | Yes |
| right | Yes | Yes | Yes | Yes | Yes | Yes |
| top | Yes | Yes | Yes | Yes | Yes | Yes |
| visibility | Yes | Yes | Yes | Yes | Yes | Yes |
| z-index | Yes | Yes | Yes | Yes | Yes | Yes |
| Lists | ||||||
| list-style-image | Yes | Yes | Yes | Yes | Yes | Yes |
| list-style-position | Yes | Yes | Yes | Yes | Yes | Yes |
| list-style-type | Yes | Yes | Yes | Yes | Yes | Yes |
| Tables | ||||||
| border-collapse | Yes | Yes | Yes | Yes | Yes | Yes |
| border-spacing | No | Yes | Yes | Yes | Yes | Yes |
| caption-side | No | Yes | No | Yes | Yes | Yes |
| empty-cells | No | Yes | Yes | Yes | Yes | Yes |
| table-layout | Yes | Yes | Yes | Yes | Yes | Yes |
| HTML 5 | ||||||
| canvas | No | No | Yes | No | ||
| audio | No | Yes | Yes | No | ||
| video | No | Yes | Yes | No |
This time is the mobile time everyone wants everything in their mobile and see all the things in his/her mobile. It is very necessary to know about all the HTML and CSS tags are working in our Mobile devices.
Mobile Responsive Emailer/Newsletter Tags
| CSS Tags | iPhone / iPad (iOS 7) | Blackberry 6 | Android 4 (Default) | Gmail | Windows Mobile 7.5 | Samsung Galaxy S4 (Default) | Mailbox (iOS 7) | Sparrow (iOS 7) |
|---|---|---|---|---|---|---|---|---|
| Responsive | ||||||||
| @media | Yes | No | Yes | No | Yes | Yes | No | Yes |
| Style element | ||||||||
| style in head | Yes | Yes | Yes | No | Yes | No | Yes | |
| style in body | Yes | Yes | Yes | No | Yes | No | Yes | |
| Link Element | ||||||||
| link in head | Yes | Yes | Yes | No | Yes | |||
| link in body | Yes | Yes | Yes | No | Yes | |||
| Text & Fonts | ||||||||
| @font-face | Yes | No | No | No | No | No | Yes | |
| direction | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| font | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| font-family | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| font-style | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| font-variant | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| font-size | Partial/Buggy | No | Yes | Yes | Yes | Partial/Buggy | Yes | Yes |
| font-weight | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| letter-spacing | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| line-height | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| text-align | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| text-decoration | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| text-indent | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| text-overflow CSS3 | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes |
| text-shadow CSS3 | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| text-transform | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| white-space | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| word-spacing | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| word-wrap CSS3 | Yes | Yes | Yes | No | No | Yes | Partial/Buggy | |
| vertical-align | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| text-fill-color CSS3 | Yes | No | Yes | No | No | Yes | Yes | Yes |
| text-fill-stroke CSS3 | Yes | No | Yes | No | No | Yes | Yes | Yes |
| Color & Background | ||||||||
| color | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| background | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes |
| background CSS3 | Yes | Yes | Yes | No | No | Yes | No | Yes |
| background-color | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| background-image | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes |
| background-position | Yes | Yes | Yes | No | No | Yes | No | Yes |
| background-repeat | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes |
| background-size CSS3 | Yes | Partial/Buggy | Partial/Buggy | No | Yes | Yes | No | Yes |
| HSL Colors CSS3 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| HSLA Colors CSS3 | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| Opacity CSS3 | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| RGBA Colors CSS3 | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| Box Model | ||||||||
| border | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| border-color | Yes | No | No | Yes | Yes | Yes | Yes | Yes |
| border-image CSS3 | Yes | No | No | No | Yes | No | ||
| border-radius CSS3 | Yes | No | No | Yes | Yes | Yes | Yes | |
| box-shadow CSS3 | Yes | No | No | No | Yes | Yes | Yes | |
| height | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| margin | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| padding | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| width | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Partial/Buggy |
| max-width | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes |
| min-width | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes |
| Positioning & Display | ||||||||
| bottom | Yes | Yes | Yes | No | No | Yes | Yes | Yes |
| clear | Yes | Yes | Yes | Yes | Yes | Yes | No | Partial/Buggy |
| clip | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| cursor | Yes | No | No | No | No | No | No | No |
| display | Yes | Yes | Yes | No | No | No | Partial/Buggy | Partial/Buggy |
| float | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| left | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| opacity | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| outline CSS3 | Yes | Yes | Yes | Partial/Buggy | Yes | Yes | Yes | Yes |
| overflow | Yes | Partial/Buggy | Partial/Buggy | Partial/Buggy | Partial/Buggy | Partial/Buggy | Yes | Yes |
| position | Partial/Buggy | Yes | Yes | No | Yes | Yes | Yes | Yes |
| resize CSS3 | Yes | No | No | No | No | No | No | |
| right | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| top | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| visibility | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes |
| z-index | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| Lists | ||||||||
| list-style-image | Yes | Yes | Yes | No | No | Yes | No | Yes |
| list-style-position | Yes | Yes | Yes | No | Yes | Yes | No | Partial/Buggy |
| list-style-type | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| Tables | ||||||||
| border-collapse | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| border-spacing | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes |
| caption-side | Yes | Partial/Buggy | Yes | Yes | Partial/Buggy | Yes | Yes | Yes |
| empty-cells | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| table-layout | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| HTML 5 | ||||||||
| canvas | Yes | No | No | No | No | No | No | Yes |
| audio | Yes | No | No | No | No | Yes | No | Yes |
| video | Yes | No | No | No | No | Yes | No | Yes |
Read About Other Interesting Things below.
- HOW TO WRITE CSS CODE FOR SAFARI BROWSER ONLY (NOT CHROME)
- ADD GOOGLE CUSTOM SEARCH ENGINE ON YOUR WEBSITE
- DISABLE ADDING NOODP META ROBOTS TAG IN YOAST PLUGIN
- Basics of Social Media Optimization Services
- On Page Search Optimization Services
- How to Create a Website from scratch for beginners
- How To Write a Blog for Website and Content Marketing
- Website Promotion – Need For All Websites
- Important Things to Think Before Graphic Designs
- Remember Things Before Email Marketing
Share this:
Categories: Email Marketing
Leave a Reply