logo
  • Home
  • About
  • Services
  • Portfolio
  • Contact Us
  • Submit Guest post
All Mobile And Other Responsive Emailer/Newsletter Tags

ALL MOBILE AND OTHER RESPONSIVE EMAILER/NEWSLETTER TAGS

March 17, 2016 No comments Article SEO Website Designing

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 TagsOutlook 07 / 10 / ‘13Outlook 03 / Express / MailWindows Live Mail 2011Notes 6 / 7Lotus Notes 8.5
Responsive
@mediaNoNoNoNoNo
Style element
style in headYesYesYesNoYes
style in bodyYesYesYesNoYes
Link Element
link in headYesYesYesYesYes
link in bodyYesYesYesNoYes
Text & Fonts
@font-faceNoNoNoNoNo
directionYesYesNoNoYes
fontYesYesYesNoYes
font-familyYesYesYesYesYes
font-styleYesYesYesYesYes
font-variantYesYesYesNoYes
font-sizeYesYesYesYesYes
font-weightYesYesYesYesYes
letter-spacingYesYesYesNoYes
line-heightYesYesYesNoYes
text-alignYesYesYesYesYes
text-decorationYesYesYesYesYes
text-indentYesYesYesNoYes
text-overflow CSS3NoYesYesNoYes
text-shadow CSS3NoNoNoNoNo
text-transformYesYesYesNoYes
white-spaceNoYesYesNoNo
word-spacingNoYesYesNoYes
word-wrap CSS3NoPartial/BuggyYesNoPartial/Buggy
vertical-alignYesYesYesNoYes
text-fill-color CSS3NoNoNoNoNo
text-fill-stroke CSS3NoNoNoNoNo
Color & Background
colorYesYesYesYesYes
backgroundPartial/BuggyYesYesNoNo
background CSS3NoNoYesNoNo
background-colorYesYesYesNoYes
background-imageNoYesYesNoNo
background-positionNoYesYesNoNo
background-repeatNoYesYesNoNo
background-size CSS3NoNoNoNoNo
HSL Colors CSS3YesYesYesNoYes
HSLA Colors CSS3NoNoNoNoNo
Opacity CSS3NoNoNoNoNo
RGBA Colors CSS3NoNoNoNoNo
Box Model
borderYesYesYesNoYes
border-colorNoNoNoNoYes
border-image CSS3NoNoNoNoNo
border-radius CSS3NoNoNoNoNo
box-shadow CSS3NoNoNoNoNo
heightNoYesYesNoYes
marginYesYesYesNoYes
paddingPartial/BuggyYesYesNoYes
widthPartial/BuggyYesYesNoYes
max-widthNoYesYesNoNo
min-widthNoYesYesNoNo
Positioning & Display
bottomNoYesYesNoYes
clearNoYesYesNoYes
clipNoYesYesNoYes
cursorNoYesYesNoYes
displayNoYesYesYesYes
floatNoYesYesNoYes
leftNoYesYesNoYes
opacityNoNoNoNoNo
outline CSS3NoNoNoNoNo
overflowNoYesYesNoNo
positionNoYesYesNoYes
resize CSS3NoYesNoNoYes
rightNoYesYesNoYes
topNoYesYesNoYes
visibilityNoYesYesNoNo
z-indexYesYesYesNoNo
Lists
list-style-imageNoYesYesNoNo
list-style-positionNoYesYesNoNo
list-style-typeYesYesYesYesYes
Tables
border-collapseYesYesYesYesYes
border-spacingNoNoNoNoNo
caption-sideNoNoNoNoNo
empty-cellsNoNoNoNoNo
table-layoutYesYesYesNoYes
HTML 5
canvasNoNoNoNoNo
audioNoNoNoNoNo
videoNoNoNoNoNo

 

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 TagsOutlook.comYahoo! MailGmailAOL Mail
Responsive
@mediaNONONOYES
Style element
style in headYESYESNOYES
style in bodyYESYESNOYES
Link Element
link in headNONONONO
link in bodyNONONONO
Text & Fonts
@font-faceNONONOYES
directionYESYESYESYES
fontYESYESYESYES
font-familyYESYESYESYES
font-styleYESYESYESYES
font-variantYESYESYESYES
font-sizeYESYESYESYES
font-weightYESYESYESYES
letter-spacingYESYESYESYES
line-heightYESYESYESYES
text-alignYESYESYESYES
text-decorationYESYESYESYES
text-indentYESYESYESYES
text-overflow CSS3BUGBUGBUGBUG
text-shadow CSS3YESYESNOYES
text-transformYESYESYESYES
white-spaceYESYESYESYES
word-spacingYESYESYESYES
word-wrap CSS3YESYESNOBUG
vertical-alignYESYESYESYES
text-fill-color CSS3NONONOYES
text-fill-stroke CSS3NONONOYES
Color & Background
colorYESYESYESYES
backgroundBUGYESYESYES
background CSS3NONONOYES
background-colorYESYESYESYES
background-imageNOYESYESYES
background-positionNOYESNOYES
background-repeatNOYESYESYES
background-size CSS3NOBUGNOYES
HSL Colors CSS3YESYESYESYES
HSLA Colors CSS3NONOYESYES
Opacity CSS3YESNONOYES
RGBA Colors CSS3NONOYESYES
Box Model
borderYESYESYESYES
border-colorYESYESYESYES
border-image CSS3NONONOYES
border-radius CSS3YESNOYESYES
box-shadow CSS3YESNONOYES
heightYESYESYESYES
marginNOYESYESYES
paddingYESYESYESYES
widthYESYESYESYES
max-widthYESYESYESYES
min-widthYESYESYESYES
Positioning & Display
bottomYESNONOYES
clearYESYESYESYES
clipNONONOYES
cursorYESYESNOYES
displayYESYESNOYES
floatNOYESYESYES
leftNONONOYES
opacityYESNONOYES
outline CSS3BUGBUGBUGYES
overflowBUGBUGBUGYES
positionYESNONOYES
resize CSS3BUGBUGNOYES
rightYESNONOYES
topYESNONOYES
visibilityYESYESNOYES
z-indexYESYESYESYES
Lists
list-style-imageNOYESNOYES
list-style-positionNOYESYESYES
list-style-typeYESYESYESYES
Tables
border-collapseYESYESYESYES
border-spacingYESYESYESYES
caption-sideYESYESYESYES
empty-cellsYESYESYESYES
table-layoutYESYESYESYES
HTML 5
canvasNONONONO
audioBUGNONONO
videoBUGNONONO

 

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 TagsAOL Desktop 10Apple Mail 6.5Entourage 2008Outlook 2011PostboxThunderbird 17
Responsive
@mediaNoYesYesYes
Style element
style in headYesYesYesYesYesYes
style in bodyYesYesYesYesYesYes
Link Element
link in headYesYesYesYesYesYes
link in bodyYesYesYesYesYesYes
Text & Fonts
@font-faceNoYesNoNo
directionYesYesYesYesYesYes
fontYesYesYesYesYesYes
font-familyYesYesYesYesYesYes
font-styleYesYesYesYesYesYes
font-variantYesYesYesYesYesYes
font-sizeYesYesYesYesYesYes
font-weightYesYesYesYesYesYes
letter-spacingYesYesYesYesYesYes
line-heightYesYesYesYesYesYes
text-alignYesYesYesYesYesYes
text-decorationYesYesYesYesYesYes
text-indentYesYesYesYesYesYes
text-overflow CSS3YesYesYesYesYesYes
text-shadow CSS3NoYesYesYesYesYes
text-transformYesYesYesYesYesYes
white-spaceNoYesYesYesYesYes
word-spacingYesYesYesYesYesYes
word-wrap CSS3Partial/BuggyYesYesYesYesYes
vertical-alignYesYesYesYesYesYes
text-fill-color CSS3NoYesNoNo
text-fill-stroke CSS3NoYesNoNo
Color & Background
colorYesYesYesYesYesYes
backgroundYesYesYesYesYesYes
background CSS3NoYesNoYesYesYes
background-colorYesYesYesYesYesYes
background-imageYesYesYesYesYesYes
background-positionYesYesYesYesYesYes
background-repeatYesYesYesYesYesYes
background-size CSS3NoYesPartial/BuggyPartial/BuggyYesYes
HSL Colors CSS3YesYesYesYesYesYes
HSLA Colors CSS3NoYesYesYesYesYes
Opacity CSS3NoYesYesYesYesYes
RGBA Colors CSS3NoYesYesYesYesYes
Box Model
borderYesYesYesYesYesYes
border-colorNoYesNoNoYesYes
border-image CSS3NoYesNoNoNoNo
border-radius CSS3NoYesNoNoYesYes
box-shadow CSS3NoYesNoNoYesYes
heightYesYesYesYesYesYes
marginYesYesYesYesYesYes
paddingYesYesYesYesYesYes
widthYesYesYesYesYesYes
max-widthNoYesYesYes
min-widthNoYesYesYes
Positioning & Display
bottomYesYesYesYesYesYes
clearYesYesYesYesYesYes
clipYesYesYesYesYesYes
cursorYesYesYesYesYesYes
displayYesYesYesYesYesYes
floatYesYesYesYesYesYes
leftYesYesYesYesYesYes
opacityYesYesYesYesYesYes
outline CSS3NoYesYesYesYesYes
overflowYesYesYesYesYesYes
positionYesYesYesYesYesYes
resize CSS3YesYesYesYesYesYes
rightYesYesYesYesYesYes
topYesYesYesYesYesYes
visibilityYesYesYesYesYesYes
z-indexYesYesYesYesYesYes
Lists
list-style-imageYesYesYesYesYesYes
list-style-positionYesYesYesYesYesYes
list-style-typeYesYesYesYesYesYes
Tables
border-collapseYesYesYesYesYesYes
border-spacingNoYesYesYesYesYes
caption-sideNoYesNoYesYesYes
empty-cellsNoYesYesYesYesYes
table-layoutYesYesYesYesYesYes
HTML 5
canvasNoNoYesNo
audioNoYesYesNo
videoNoYesYesNo

 

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 TagsiPhone / iPad (iOS 7)Blackberry 6Android 4 (Default)GmailWindows Mobile 7.5Samsung Galaxy S4 (Default)Mailbox (iOS 7)Sparrow (iOS 7)
Responsive
@mediaYesNoYesNoYesYesNoYes
Style element
style in headYesYesYesNoYesNoYes
style in bodyYesYesYesNoYesNoYes
Link Element
link in headYesYesYesNoYes
link in bodyYesYesYesNoYes
Text & Fonts
@font-faceYesNoNoNoNoNoYes
directionYesYesYesYesYesYesYesYes
fontYesYesYesYesYesYesYesYes
font-familyYesYesYesYesYesYesYesYes
font-styleYesYesYesYesYesYesYesYes
font-variantYesYesYesYesYesYesYesYes
font-sizePartial/BuggyNoYesYesYesPartial/BuggyYesYes
font-weightYesYesYesYesYesYesYesYes
letter-spacingYesYesYesYesYesYesYesYes
line-heightYesYesYesYesYesYesYesYes
text-alignYesYesYesYesYesYesYesYes
text-decorationYesYesYesYesYesYesYesYes
text-indentYesYesYesYesYesYesYesYes
text-overflow CSS3YesNoYesYesYesYesYesYes
text-shadow CSS3YesYesYesNoYesYesYesYes
text-transformYesYesYesYesYesYesYesYes
white-spaceYesYesYesYesYesYesYesYes
word-spacingYesYesYesYesYesYesYesYes
word-wrap CSS3YesYesYesNoNoYesPartial/Buggy
vertical-alignYesYesYesYesYesYesYesYes
text-fill-color CSS3YesNoYesNoNoYesYesYes
text-fill-stroke CSS3YesNoYesNoNoYesYesYes
Color & Background
colorYesYesYesYesYesYesYesYes
backgroundYesYesYesYesYesYesNoYes
background CSS3YesYesYesNoNoYesNoYes
background-colorYesYesYesYesYesYesYesYes
background-imageYesYesYesYesYesYesNoYes
background-positionYesYesYesNoNoYesNoYes
background-repeatYesYesYesYesYesYesNoYes
background-size CSS3YesPartial/BuggyPartial/BuggyNoYesYesNoYes
HSL Colors CSS3YesYesYesYesYesYesYesYes
HSLA Colors CSS3YesYesYesNoYesYesYesYes
Opacity CSS3YesYesYesNoYesYesYesYes
RGBA Colors CSS3YesYesYesNoYesYesYesYes
Box Model
borderYesYesYesYesYesYesYesYes
border-colorYesNoNoYesYesYesYesYes
border-image CSS3YesNoNoNoYesNo
border-radius CSS3YesNoNoYesYesYesYes
box-shadow CSS3YesNoNoNoYesYesYes
heightYesYesYesYesYesYesYesYes
marginYesYesYesYesYesYesYesYes
paddingYesYesYesYesYesYesYesYes
widthYesYesYesYesYesYesYesPartial/Buggy
max-widthYesYesYesYesNoYesYesYes
min-widthYesYesYesYesNoYesYesYes
Positioning & Display
bottomYesYesYesNoNoYesYesYes
clearYesYesYesYesYesYesNoPartial/Buggy
clipYesYesYesNoYesYesYesYes
cursorYesNoNoNoNoNoNoNo
displayYesYesYesNoNoNoPartial/BuggyPartial/Buggy
floatYesYesYesYesYesYesYesYes
leftYesYesYesNoYesYesYesYes
opacityYesYesYesNoYesYesYesYes
outline CSS3YesYesYesPartial/BuggyYesYesYesYes
overflowYesPartial/BuggyPartial/BuggyPartial/BuggyPartial/BuggyPartial/BuggyYesYes
positionPartial/BuggyYesYesNoYesYesYesYes
resize CSS3YesNoNoNoNoNoNo
rightYesYesYesNoYesYesYesYes
topYesYesYesNoYesYesYesYes
visibilityYesYesYesNoYesYesYesYes
z-indexYesYesYesYesYesYesYesYes
Lists
list-style-imageYesYesYesNoNoYesNoYes
list-style-positionYesYesYesNoYesYesNoPartial/Buggy
list-style-typeYesYesYesYesYesYesYesYes
Tables
border-collapseYesYesYesYesYesYesYesYes
border-spacingYesYesYesYesNoYesYesYes
caption-sideYesPartial/BuggyYesYesPartial/BuggyYesYesYes
empty-cellsYesYesYesYesYesYesYesYes
table-layoutYesYesYesYesYesYesYesYes
HTML 5
canvasYesNoNoNoNoNoNoYes
audioYesNoNoNoNoYesNoYes
videoYesNoNoNoNoYesNoYes

 

Read About Other Interesting Things below.

  1. HOW TO WRITE CSS CODE FOR SAFARI BROWSER ONLY (NOT CHROME)
  2. ADD GOOGLE CUSTOM SEARCH ENGINE ON YOUR WEBSITE
  3. DISABLE ADDING NOODP META ROBOTS TAG IN YOAST PLUGIN
  4. Basics of Social Media Optimization Services
  5. On Page Search Optimization Services
  6. How to Create a Website from scratch for beginners
  7. How To Write a Blog for Website and Content Marketing
  8. Website Promotion – Need For All Websites
  9. Important Things to Think Before Graphic Designs
  10. Remember Things Before Email Marketing

Share this:

  • Tweet
  • Telegram
  • WhatsApp
  • Share on Tumblr
  • Pocket
  • Email

Related

Categories: Email Marketing

Leave a Reply Cancel reply

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 1,504 other subscribers

Categories

  • Angular (1)
  • Content Marketing (2)
  • Email Marketing (3)
  • Graphics Design (3)
  • Keyword Strategy (1)
  • Other (3)
  • Search Engine Optimization (10)
  • Social Media Optimization (4)
  • Website Design (67)
  • WordPress (18)
  • Subscribe to Blog via Email

    Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    Join 1,504 other subscribers

  • Tag Cloud

    Add Social Share button in WordPress without Plugins Bootstrap center div on screen with flexbox center div vertically and horizontally in body center div vertically and horizontally responsive Center Elements Vertically And Horizontally Using Flex Centering in CSS Create Your Own Fast Social Sharing Buttons For WordPress Creating Scroll-based Animations using jQuery and CSS3 CSS CSS3 CSS3 Variables CSS custom properties CSS Variables custom share buttons wordpress Disable Mouse Right Click Using Jquery disable right click with jquery Disabling right mouse click menu facebook Get to Know the CSS Object Fit and Position Properties How Can You Use CSS Variables HOW TO CODE A RESPONSIVE EMAILER OR NEWSLETTER How to Create Social Sharing Button without any Plugin HOW TO DESIGN A RESPONSIVE EMAILER OR NEWSLETTER how to disable right click menu in html page How to prevent Right Click option using jquery How to Restore WordPress Website from Backup Manually How to use CSS Variables HTML HTML5 javascript jquery jQuery make div slide in when scrolling down page Know About CSS Object Fit and Position Properties Meta Tags Mysql object-fit object-fit/object-position object-position Responsive Website Sliding Div When Scroll Down Page Using Jquery Vertical Centering - Solved by Flexbox Webpage Scrolling Animation Effects with CSS3 & jQuery What You Need To Know About CSS Variables wordpress
  • Copyright SEO Website Designing 2015

    loading Cancel
    Post was not sent - check your email addresses!
    Email check failed, please try again
    Sorry, your blog cannot share posts by email.