Skip to content

Css guide

Desktop See all 11

AOL Desktop Apple Mail 10 IBM Notes 9 Outlook 2000–03 Outlook 2007–16 Outlook Express Outlook for Mac Postbox

Thunderbird Windows 10 Mail Windows Live Mail

Mobile See all 16

Android 4.2.2 Mail Android 4.4.4 Mail AOL Alto Android app AOL Alto iOS app BlackBerry Gmail Android app Gmail Android app IMAP Gmail iOS app

Gmail mobile webmail iOS 10 Mail iOS 11 Mail Outlook Android app Outlook iOS app Windows Phone 8 Mail Yahoo! Mail Android app Yahoo! Mail iOS app

Webmail

AOL Mail G Suite Gmail Outlook.com Yahoo! Mail

Desktop

IBM Notes 9

IBM’s email client for Windows, OS X/macOS, and Linux, with support for their proprietary IBM Domino server software as well as the standard IMAP/POP3 protocols. Versions prior to 9 were named Lotus Notes.

IBM Notes 9 displays emails using Internet Explorer on Windows, WebKit on macOS, and Gecko on Linux.

Tested on macOS.

Link Element

<link> in <head>

<link> in <body>

Selectors

E + F

E ~ F

E:not(s)

E[foo]

E[foo="bar"]

E[foo~="bar"]

E[foo^="bar"]

E[foo$="bar"]

E[foo*="bar"]

E:first-child

E:last-child

E:first-of-type

E:last-of-type

E:nth-child(n)

E:nth-last-child(n)

E:nth-of-type(n)

E:nth-last-of-type(n)

E::first-letter

E::first-line

E::before

E::after

E:active

E:checked

E:empty

E:focus

E:hover

E:target

E:visited

Media Queries

@media

and

or (comma)

not

screen

only screen

all

any-hover

any-pointer

hover

max-aspect-ratio

max-device-aspect-ratio

max-device-height

max-device-pixel-ratio

max-device-width

max-height

max-resolution

max-width

min-aspect-ratio

min-device-aspect-ratio

min-device-height

min-device-pixel-ratio

min-device-width

min-height

min-resolution

min-width

orientation

pointer

Text & Fonts

@font-face

EOT

SVG

TTF

WOFF

WOFF2

WOFF base64 encoded

WOFF2 base64 encoded

direction

font

Buggy

font-family

Buggy

font-feature-settings

font-kerning

font-size

Partial. Supports px, pt, pc, and keywords, but not other units.

font-size-adjust

font-stretch

font-synthesis

font-variant

hyphens

letter-spacing

line-height

overflow-wrap

text-align

Partial. Doesn’t support justified.

text-decoration

Partial. Only supports line-through and underline.

text-fill-color

text-indent

text-overflow

text-shadow

text-size-adjust

text-stroke

text-stroke-color

text-stroke-width

text-transform

vertical-align

white-space

word-spacing

word-wrap

Color & Background

background

background-attachment

background-blend-mode

background-clip

background-color

Partial. Only supported on tables.

background-image

background-origin

background-position

background-repeat

background-size

isolation

mix-blend-mode

CSS gradients

Data URI background image

Multiple background images

HSL Colors

HSLA Colors

RGBA Colors

currentColor

Box Model

border

Partial support on table elements.

border-bottom

Partial support on table elements.

border-bottom-color

Partial support on table elements.

border-bottom-left-radius

border-bottom-right-radius

border-bottom-style

Partial support on table elements.

border-bottom-width

Partial support on table elements.

border-color

Partial support on table elements.

border-image

border-left

Partial support on table elements.

border-left-color

Partial support on table elements.

border-left-style

Partial support on table elements.

border-left-width

Partial support on table elements.

border-radius

border-right

Partial support on table elements.

border-right-color

Partial support on table elements.

border-right-style

Partial support on table elements.

border-right-width

Partial support on table elements.

border-style

Partial support on table elements.

border-top

Partial support on table elements.

border-top-color

Partial support on table elements.

border-top-left-radius

border-top-right-radius

border-top-style

Partial support on table elements.

border-top-width

Partial support on table elements.

border-width

Partial support on table elements.

box-shadow

box-sizing

height

Partial support on table elements.

margin

margin-bottom

margin-left

margin-right

margin-top

max-height

max-width

min-height

min-width

padding

padding-bottom

padding-left

padding-right

padding-top

Positioning & Display

bottom

clear

cursor

Positioning and Display: Display

float

left

object-fit

object-position

opacity

outline

outline-color

outline-style

outline-width

overflow

position

resize

right

top

visibility

z-index

Lists

list-style

list-style-image

list-style-position

list-style-type

Partial. Supports none, disc, decimal, lower-alpha, and upper-alpha.

Tables

border-collapse

border-spacing

caption-side

empty-cells

table-layout

Animations

animation

animation-delay

animation-direction

animation-duration

animation-fill-mode

animation-iteration-count

animation-name

animation-play-state

animation-timing-function

Transforms

backface-visibility

perspective

perspective-origin

transform

transform-origin

transform-style

Transitions

transition

transition-delay

transition-duration

transition-property

transition-timing-function

Filters

backdrop-filter

filter

Columns

break-after

break-before

break-inside

column-count

column-fill

column-gap

column-rule

column-rule-color

column-rule-style

column-rule-width

column-span

column-width

columns

Flexbox

Flexbox: align-content

Flexbox: align-items

align-self

Flexbox: display

flex

flex-basis

flex-direction

flex-flow

flex-grow

flex-shrink

flex-wrap

justify-content

order

Grid

align-content

align-items

align-self

display

grid

grid-area

grid-auto-columns

grid-auto-flow

grid-auto-rows

grid-column

grid-column-end

grid-column-gap

grid-column-start

grid-gap

grid-row

grid-row-end

grid-row-gap

grid-row-start

grid-template-areas

grid-template-columns

grid-template-rows

justify-content

justify-items

justify-self