Cascading Style Sheets and Email Display

tag. Outlook 2003, Outlook 2007, AOL, Yahoo,. border-collapse
Entourage and Thunderbird will accept either. border-spacing
placement, but Gmail doesn't accept any of them.. bottom
The best option is to use in-line style tags. In-line. caption-side
style simply means that the style for each element. clear
must be defined individually. Instead of defining your. clip
style sheet within your like this:href=" />or even. cursor
something like this:you would define each element. direction
individually, like this:. display
This is your paragraph text.. empty-cells
When you're defining those elements, keep in mind. float
that not all CSS properties are supported across the. font-family
board on all email clients. If you want to present a. height
consistent message to all of your readers no matter. left
how they are reading your mail, limit yourself to. list-style-image
these CSS properties:. list-style-position
. background-color. list-style-type
. border. margin
. color. opacity
. font-size. overflow
. font-style. position
. font-variant. right
. font-weight. top
. letter-spacing. vertical-align
. line-height. visibility
. padding. white-space
. table-layout. width
. text-align. word-spacing
. text-decoration. z-index
. text-indentAnd now for even more bad news: Lotus Notes and
. text-transformEudora have terrible CSS support and even many of
Those properties are supported on both Macs andthe widely-accepted CSS properties may not render
PCs in:properly. And since more and more readers are now
. AOLaccessing email on PDAs and other handheld devices,
. Entourageyou can never be 100% certain how or where your
. Gmailmessage will be read. So I suggest you always use
. Live MailMultipart-Mime messaging, and always include a link to
. Outlook 2003your text version within the html version of your
. Outlook 2007message.
. Thunderbird*** Want to keep these tips handy?
. YahooI've created a downloadable "cheat sheet" that you
Properties to avoid include:can keep handy and access every time you compile
. background-imagean email message. Grab your free copy at the
. background-positionModern Image website.
. background-repeat