Reference
CSS Properties
CSS support levels for each property across all 13 email clients (250+ properties tracked).
Each CSS property is assigned one of four support levels per client:
| Level | Meaning |
|---|
supported | Fully supported, renders as expected |
partial | Supported with caveats or visual differences |
unsupported | Not supported, property is stripped or ignored |
unknown | Not tested or behavior is inconsistent |
| Property | Gmail | Outlook 365 | Outlook Win | Apple Mail | Yahoo | Samsung | Thunderbird |
|---|
display: block | supported | supported | supported | supported | supported | supported | supported |
display: flex | supported | supported | unsupported | supported | supported | supported | supported |
display: grid | unsupported | unsupported | unsupported | supported | unsupported | unsupported | supported |
float | supported | supported | unsupported | supported | partial | supported | supported |
position | unsupported | partial | unsupported | partial | partial | partial | supported |
| Property | Gmail | Outlook 365 | Outlook Win | Apple Mail | Yahoo | Samsung | Thunderbird |
|---|
margin | partial | supported | partial | supported | supported | supported | supported |
padding | supported | supported | partial | supported | supported | supported | supported |
border | supported | supported | partial | supported | supported | supported | supported |
border-radius | supported | supported | unsupported | supported | partial | supported | supported |
box-shadow | unsupported | supported | unsupported | supported | unsupported | supported | supported |
width | supported | supported | supported | supported | supported | supported | supported |
max-width | supported | supported | partial | supported | supported | supported | supported |
| Property | Gmail | Outlook 365 | Outlook Win | Apple Mail | Yahoo | Samsung | Thunderbird |
|---|
font-family | supported | supported | supported | supported | supported | supported | supported |
font-size | supported | supported | supported | supported | supported | supported | supported |
line-height | supported | supported | partial | supported | supported | supported | supported |
letter-spacing | supported | supported | unsupported | supported | supported | supported | supported |
text-align | supported | supported | supported | supported | supported | supported | supported |
text-decoration | supported | supported | supported | supported | supported | supported | supported |
| Property | Gmail | Outlook 365 | Outlook Win | Apple Mail | Yahoo | Samsung | Thunderbird |
|---|
color | supported | supported | supported | supported | supported | supported | supported |
background-color | supported | supported | supported | supported | supported | supported | supported |
background-image | supported | supported | partial | supported | partial | supported | supported |
linear-gradient | unsupported | unsupported | unsupported | supported | unsupported | unsupported | supported |
opacity | unsupported | supported | unsupported | supported | supported | supported | supported |
| Feature | Gmail | Outlook 365 | Outlook Win | Apple Mail | Yahoo | Samsung | Thunderbird |
|---|
<style> block | partial | supported | partial | supported | supported | supported | supported |
@media queries | partial | partial | unsupported | supported | partial | partial | supported |
:hover pseudo | unsupported | supported | unsupported | supported | unsupported | partial | supported |
@font-face | unsupported | unsupported | partial | supported | unsupported | supported | supported |
Use @emailens/engine to query support levels programmatically:
import { analyzeEmail, generateCompatibilityScore } from "@emailens/engine";
const warnings = analyzeEmail(html);
const scores = generateCompatibilityScore(warnings);
// Scores include per-client breakdown
// { "gmail-web": { score: 85, errors: 0, warnings: 3, info: 1 }, ... }
See the full CSS Support Matrix in the engine docs for the complete 250+ property reference, auto-synced from caniemail.com data.