← Back to Email Clients

Yahoo Mail

Yahoo Mail is a widely used email service. Yahoo Mail supports many CSS features on desktop and mobile platforms.

82

Supported

0

Partial Support

128

Not Supported

About Yahoo Mail

Yahoo Mail is a major webmail provider with millions of users globally. It uses various rendering engines depending on the platform and has moderately good CSS support, though it makes some unexpected CSS modifications.

CSS & Design Tips

Yahoo Mail sometimes modifies class names, so consider using inline styles for critical styling
Media queries work for responsive design
The mobile apps have better CSS support than the webmail version
Yahoo strips some advanced CSS, so test thoroughly across platforms
Webfont support varies; rely more on web-safe fonts

Best Practices

When designing for Yahoo Mail, rely on inline styles for critical styling and test across multiple platforms. Use progressive enhancement and provide solid fallbacks for advanced CSS features.

Supported Features

@keyframes

css

@supports

css

background-color

css

background-position

css

background-repeat

css

background-size

css

border-collapse

css

border-spacing

css

border

css

caption-side

css

CSS comments

css

direction

css

display:flex

css

display:none

css

empty-cells

css

float

css

font shorthand

css

letter-spacing

css

line-height

css

list-style-position

css

list-style-type

css

margin

css

max-height property

css

max-width

css

min-height property

css

min-width property

css

opacity

css

outline

css

overflow

css

padding

css

:active

css

:checked

css

:first-child

css

:first-of-type

css

:focus

css

:hover

css

:last-child

css

:last-of-type

css

:link

css

:only-child

css

:only-of-type

css

:target

css

:visited

css

::first-letter

css

::first-line

css

::marker

css

::placeholder

css

Adjacent sibling combinator

css

Chaining selectors

css

Child combinator

css

Class selector

css

Descendant combinator

css

General sibling combinator

css

Grouping selectors

css

ID selector

css

Type selector

css

Universal selector *

css

system-ui, ui-serif, ui-sans-serif, ui-rounded, ui-monospace

css

table-layout

css

text-decoration-color

css

text-decoration-line

css

text-decoration-style

css

text-decoration

css

text-shadow

css

text-transform

css

cm unit

css

em unit

css

ex unit

css

in unit

css

mm unit

css

pc unit

css

% unit

css

pt unit

css

px unit

css

vh unit

css

vw unit

css

vertical-align

css

visibility

css

white-space

css

width property

css

word-wrap

css

z-index

css

Not Supported

128 CSS features are not supported by Yahoo Mail.

Show 128 unsupported features

accent-color

css

align-items

css

animation

css

aspect-ratio

css

@font-face

css

@import

css

@media (-webkit-device-pixel-ratio)

css

@media (hover), @media (any-hover)

css

@media (orientation)

css

@media (prefers-color-scheme)

css

@media (prefers-reduced-motion)

css

@media

css

backdrop-filter

css

background-blend-mode

css

background-clip

css

background-image

css

background-origin

css

background

css

block-size & inline-size

css

border-image

css

border-inline & border-block individual logical properties

css

border-inline & border-block longhand properties

css

border-inline & border-block

css

border-radius logical properties

css

border-radius

css

box-shadow

css

box-sizing

css

clear

css

clip-path

css

color-scheme CSS property

css

column-count

css

css column properties

css

conic-gradient()

css

cursor

css

display:grid

css

display

css

filter

css

flex-direction:column

css

flex-wrap: wrap

css

font-kerning

css

font-size

css

font-stretch

css

font-weight

css

clamp()

css

light-dark()

css

max()

css

min()

css

gap, column-gap, row-gap

css

grid-template-* properties

css

height property

css

hyphenate-character

css

hyphenate-limit-chars

css

hyphens

css

!important keyword

css

inline-size

css

inset

css

fit-content, min-content, max-content

css

justify-content

css

left, right, top, bottom

css

linear-gradient()

css

list-style-image

css

list-style

css

margin-block-start & margin-block-end

css

margin-inline & margin-block

css

margin-inline-start & margin-inline-end

css

mask-image

css

max-block-size

css

max-inline-size

css

min-block-size

css

min-inline-size

css

mix-blend-mode

css

lch(), oklch(), lab(), oklab()

css

CSS Nesting

css

object-fit

css

object-position

css

orphans

css

outline-offset

css

overflow-wrap

css

padding-block-start & padding-block-end

css

padding-inline & padding-block

css

padding-inline-start & padding-inline-end

css

position

css

:has()

css

lang()

css

:not

css

:nth-child

css

:nth-last-child

css

:nth-last-of-type

css

:nth-of-type

css

::after

css

::before

css

radial-gradient()

css

resize

css

rgb()

css

rgba()

css

scroll-snap

css

Attribute selector

css

shape-margin

css

shape-outside

css

tab-size

css

text-align-last

css

text-align

css

text-decoration-skip-ink

css

text-decoration-thickness

css

text-emphasis-position

css

text-emphasis

css

text-indent

css

text-justify

css

text-orientation

css

text-overflow

css

text-underline-offset

css

text-underline-position

css

text-wrap

css

transform

css

transition

css

CSS calc() function

css

ch unit

css

initial unit

css

rem unit

css

vmax unit

css

vmin unit

css

user-select

css

CSS Variables (Custom Properties)

css

white-space-collapse

css

widows

css

word-break

css

word-spacing

css

writing-mode

css