Mobile

Yahoo! Mail iOS app

Yahoo!’s native email app for iOS devices, which works with both Yahoo! email accounts and other addresses.

Tested on iOS 10.3.3.

Link Element
<link> in <head>
<link> in <body>
Selectors
E ~ F
E:not(s)
E[foo]
E[foo~="bar"]
E[foo^="bar"]
E[foo$="bar"]
E[foo*="bar"]
E:nth-child(n)
E:nth-last-child(n)
E:nth-of-type(n)
E:nth-last-of-type(n)
E::before
E::after
E:focus
E:target
E:visited
Media Queries
and
or (comma)
not
any-hover
any-pointer
hover
max-aspect-ratio
max-device-aspect-ratio
max-device-height
max-device-pixel-ratio
max-device-width
max-resolution
min-aspect-ratio
min-device-aspect-ratio
min-device-height
min-device-pixel-ratio
min-device-width
min-resolution
orientation
pointer
Text & Fonts
@font-face
EOT
SVG
TTF
WOFF
WOFF2
WOFF base64 encoded
WOFF2 base64 encoded
font-feature-settings
font-kerning
font-size-adjust
font-stretch
font-synthesis
font-variant

Partial. Supports CSS2 values, but not CSS3.

hyphens
overflow-wrap
text-fill-color
text-overflow
text-shadow

Partial. Supports a single shadow per element, but not multiple.

text-size-adjust
text-stroke
text-stroke-color
text-stroke-width
word-wrap
Color & Background
background

Partial. Slash syntax values are not supported.

background-attachment
background-blend-mode
background-clip
background-origin
isolation
mix-blend-mode
CSS gradients
Data URI background image
Multiple background images
HSL Colors
HSLA Colors
RGBA Colors
Box Model
border-image
box-shadow
box-sizing
height

Buggy. Client changes the height property to min-height.

min-height

Supported, but because the client changes height to min-height, that value will override this one if it comes after.

Positioning & Display
bottom
left
object-fit
object-position
opacity
position
resize
right
top
z-index
Tables
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

Get started with Campaign Monitor by Marigold today.

With our powerful yet easy-to-use tools, it's never been easier to make an impact with email marketing.

Try it for free