本文へスキップ

メールクライアント対応表

Email Client Support Table

Gmail・Outlook・Apple Mail・Yahoo・Samsung Mail・ThunderbirdがHTMLメールで何に対応しているかを、caniemailの実機試験の結果と最終試験日つきで示します。

ここで関わりのあるメールクライアントの対応表で、caniemailから取っています。実機で走らせた試験と、最後に走らせた日付が付いています。データが尽きる場所も示します。韓国のウェブメールの各社には公開された試験のデータがないので、似ているものから埋める代わりに、その列は空のままにしてあります。

🔒 ブラウザの中だけで動きますemailhtmlcompatibilityreference
機能 120件

凡例: 対応 · 一部対応 · 非対応 · 未確認

 Gmail（ウェブ）Gmail（iOS アプリ）Gmail（Android アプリ）Outlook デスクトップ版（Windows）Outlook.com（ウェブ）新しい Outlook（Windows）↩Apple Mail（macOS）メール（iOS）Yahoo! Mail（ウェブ）Samsung Email（Android）ThunderbirdNaver メール未確認Daum / Hanmail未確認Kakao メール未確認
AMP for Email最終テスト 2020-03-31対応対応対応非対応非対応非対応非対応非対応対応非対応非対応未確認未確認未確認
BIMI最終テスト 2022-12-29対応対応対応非対応非対応非対応対応対応対応非対応非対応未確認未確認未確認
accent-color最終テスト 2023-12-19非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
align-items最終テスト 2023-12-19非対応非対応非対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
animation最終テスト 2026-04-07非対応非対応非対応非対応非対応非対応対応対応非対応対応非対応未確認未確認未確認
aspect-ratio最終テスト 2023-12-19非対応非対応非対応非対応非対応非対応対応対応非対応非対応非対応未確認未確認未確認
@font-face最終テスト 2023-12-19非対応非対応非対応一部対応非対応非対応対応対応非対応対応対応未確認未確認未確認
@import最終テスト 2019-02-28非対応非対応非対応対応非対応非対応対応対応非対応非対応非対応未確認未確認未確認
@keyframes最終テスト 2021-05-25非対応非対応非対応非対応非対応非対応対応対応対応対応対応未確認未確認未確認
@media (-webkit-device-pixel-ratio)最終テスト 2019-08-20非対応非対応非対応非対応対応対応対応対応非対応対応非対応未確認未確認未確認
@media (hover), @media (any-hover)最終テスト 2022-08-29非対応非対応非対応非対応対応対応対応対応非対応対応未確認未確認未確認未確認
@media (orientation)最終テスト 2019-08-20対応非対応対応非対応対応対応対応一部対応非対応対応非対応未確認未確認未確認
@media (prefers-color-scheme)最終テスト 2023-03-08非対応非対応非対応非対応対応対応対応対応非対応対応非対応未確認未確認未確認
@media (prefers-reduced-motion)最終テスト 2021-02-20非対応非対応非対応非対応対応対応対応対応非対応対応非対応未確認未確認未確認
@media最終テスト 2023-12-13一部対応一部対応一部対応非対応一部対応一部対応対応対応一部対応一部対応非対応未確認未確認未確認
@supports最終テスト 2020-05-25非対応非対応非対応非対応非対応非対応対応対応対応対応非対応未確認未確認未確認
backdrop-filter最終テスト 2024-01-17非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
background-blend-mode最終テスト 2019-02-28対応一部対応一部対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
background-clip最終テスト 2019-02-28対応一部対応一部対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
background-color最終テスト 2019-02-28対応対応対応対応対応対応対応対応対応対応対応未確認未確認未確認
background-image最終テスト 2023-07-24対応対応対応非対応対応対応対応対応一部対応対応対応未確認未確認未確認
background-origin最終テスト 2019-02-28対応一部対応一部対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
background-position最終テスト 2019-02-28対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
background-repeat最終テスト 2019-02-28対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
background-size最終テスト 2019-02-28対応一部対応一部対応非対応対応対応対応対応対応対応対応未確認未確認未確認
background最終テスト 2023-07-24対応対応対応一部対応対応対応対応対応一部対応対応対応未確認未確認未確認
block-size & inline-size最終テスト 2022-07-14非対応非対応非対応非対応非対応非対応対応対応非対応対応対応未確認未確認未確認
border-collapse最終テスト 2023-12-20対応対応対応対応対応対応対応対応対応対応対応未確認未確認未確認
border-image最終テスト 2019-02-28非対応非対応非対応非対応非対応非対応対応対応非対応対応対応未確認未確認未確認
border-inline & border-block individual logical properties最終テスト 2022-07-14非対応非対応非対応非対応非対応非対応対応対応非対応一部対応未確認未確認未確認未確認
border-inline & border-block longhand properties最終テスト 2022-07-14非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
border-inline & border-block最終テスト 2022-07-13非対応非対応非対応非対応非対応非対応対応対応非対応非対応未確認未確認未確認未確認
border-radius logical properties最終テスト 2022-08-16非対応非対応非対応非対応非対応非対応対応対応非対応非対応未確認未確認未確認未確認
border-radius最終テスト 2021-03-09対応対応対応非対応対応対応対応対応一部対応対応対応未確認未確認未確認
border-spacing最終テスト 2023-12-20対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
border最終テスト 2021-07-22対応対応対応一部対応対応対応対応対応対応対応対応未確認未確認未確認
box-shadow最終テスト 2023-12-20非対応一部対応一部対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
box-sizing最終テスト 2019-02-28対応対応対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
caption-side最終テスト 2021-05-13対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
clear最終テスト 2024-09-06対応対応一部対応非対応対応対応対応対応一部対応対応未確認未確認未確認未確認
clip-path最終テスト 2021-03-09非対応非対応非対応非対応非対応非対応対応対応非対応対応対応未確認未確認未確認
color-scheme CSS property最終テスト 2023-09-18非対応非対応非対応非対応非対応非対応対応対応非対応対応対応未確認未確認未確認
column-count最終テスト 2019-02-28対応対応対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
css column properties最終テスト 2022-08-02対応対応対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
CSS comments最終テスト 2024-04-25対応対応一部対応対応対応対応対応対応対応対応対応未確認未確認未確認
conic-gradient()最終テスト 2023-01-02非対応非対応非対応非対応非対応非対応対応対応非対応一部対応対応未確認未確認未確認
cursor最終テスト 2025-07-02非対応非対応非対応未確認非対応非対応一部対応非対応一部対応未確認対応未確認未確認未確認
direction最終テスト 2021-10-05対応対応対応対応対応対応対応対応対応対応対応未確認未確認未確認
display:flex最終テスト 2021-11-02対応一部対応一部対応非対応対応対応対応対応対応対応対応未確認未確認未確認
display:grid最終テスト 2019-02-28対応一部対応一部対応非対応対応対応対応対応対応対応対応未確認未確認未確認
display:none最終テスト 2019-02-28対応対応対応一部対応対応対応対応対応対応対応対応未確認未確認未確認
display最終テスト 2021-12-01対応一部対応一部対応一部対応対応対応対応対応一部対応対応対応未確認未確認未確認
empty-cells最終テスト 2024-08-23対応対応対応非対応対応対応対応対応対応対応未確認未確認未確認未確認
filter最終テスト 2024-01-03非対応非対応非対応非対応非対応非対応対応対応非対応対応対応未確認未確認未確認
flex-direction:column最終テスト 2023-01-17非対応非対応非対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
flex-wrap: wrap最終テスト 2023-01-16非対応非対応非対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
float最終テスト 2024-05-08対応一部対応一部対応非対応対応対応対応対応一部対応対応対応未確認未確認未確認
font-kerning最終テスト 2022-08-01対応対応対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
font-size-adjust最終テスト 2026-04-16対応一部対応一部対応非対応対応対応対応対応一部対応未確認対応未確認未確認未確認
font-size最終テスト 2024-02-28対応対応対応一部対応対応対応対応対応一部対応一部対応対応未確認未確認未確認
font-stretch最終テスト 2023-09-23対応対応非対応非対応対応対応対応対応非対応非対応対応未確認未確認未確認
font-weight最終テスト 2022-06-23対応対応対応一部対応対応対応対応対応一部対応対応対応未確認未確認未確認
font shorthand最終テスト 2019-02-28対応対応対応対応対応対応対応対応対応対応対応未確認未確認未確認
clamp()最終テスト 2021-05-07対応一部対応一部対応非対応非対応非対応対応対応非対応一部対応対応未確認未確認未確認
light-dark()最終テスト 2024-08-14非対応非対応非対応非対応非対応非対応対応対応非対応一部対応対応未確認未確認未確認
max()最終テスト 2021-05-07対応一部対応一部対応非対応非対応非対応対応対応非対応一部対応対応未確認未確認未確認
min()最終テスト 2021-05-07対応一部対応一部対応非対応非対応非対応対応対応非対応一部対応対応未確認未確認未確認
gap, column-gap, row-gap最終テスト 2022-12-28一部対応一部対応一部対応非対応一部対応一部対応対応対応非対応対応対応未確認未確認未確認
grid-template-* properties最終テスト 2023-01-09非対応非対応非対応非対応非対応非対応対応対応非対応対応対応未確認未確認未確認
height property最終テスト 2019-09-27対応対応対応一部対応対応対応対応対応非対応対応対応未確認未確認未確認
hyphenate-character最終テスト 2024-06-19非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
hyphenate-limit-chars最終テスト 2024-08-08非対応非対応非対応非対応非対応非対応非対応非対応非対応非対応非対応未確認未確認未確認
hyphens最終テスト 2022-08-03非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
!important keyword最終テスト 2021-11-30一部対応一部対応一部対応一部対応対応対応対応対応一部対応対応対応未確認未確認未確認
inert最終テスト 2026-04-16非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
inline-size 最終テスト 2019-02-28非対応非対応非対応非対応非対応非対応非対応非対応非対応対応対応未確認未確認未確認
inset最終テスト 2024-05-29非対応非対応非対応非対応非対応非対応対応対応非対応非対応対応未確認未確認未確認
fit-content, min-content, max-content最終テスト 2022-12-31対応一部対応対応非対応対応対応対応対応非対応非対応対応未確認未確認未確認
justify-content最終テスト 2021-03-09非対応非対応非対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
left, right, top, bottom最終テスト 2021-05-16非対応非対応非対応非対応対応対応対応対応非対応一部対応対応未確認未確認未確認
letter-spacing最終テスト 2020-01-19対応対応対応一部対応対応対応対応対応対応対応対応未確認未確認未確認
line-height最終テスト 2021-10-02対応対応対応一部対応対応対応対応対応対応対応対応未確認未確認未確認
linear-gradient()最終テスト 2021-12-29対応対応一部対応非対応非対応非対応対応対応非対応一部対応対応未確認未確認未確認
list-style-image最終テスト 2020-04-20非対応非対応非対応非対応非対応非対応対応対応非対応対応対応未確認未確認未確認
list-style-position最終テスト 2020-04-20対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
list-style-type最終テスト 2020-04-20対応対応対応対応対応対応対応対応対応対応対応未確認未確認未確認
list-style最終テスト 2020-04-20一部対応一部対応一部対応一部対応対応対応対応対応一部対応対応対応未確認未確認未確認
margin-block-start & margin-block-end最終テスト 2022-07-13非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
margin-inline & margin-block最終テスト 2022-07-12非対応非対応非対応非対応非対応非対応対応対応非対応非対応対応未確認未確認未確認
margin-inline-start & margin-inline-end最終テスト 2022-07-13非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
margin最終テスト 2019-10-01一部対応一部対応一部対応一部対応一部対応一部対応対応対応一部対応対応対応未確認未確認未確認
mask-image最終テスト 2024-11-27非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
max-block-size最終テスト 2022-09-01非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
max-height property最終テスト 2021-11-29対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
max-inline-size最終テスト 2024-05-31非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
max-width最終テスト 2019-08-02対応対応対応一部対応対応対応対応対応対応対応対応未確認未確認未確認
min-block-size最終テスト 2024-05-31非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
min-height property最終テスト 2021-11-29対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
min-inline-size最終テスト 2022-08-30非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
min-width property最終テスト 2021-11-29対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
mix-blend-mode最終テスト 2020-12-12対応一部対応一部対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
lch(), oklch(), lab(), oklab()最終テスト 2023-01-18非対応非対応非対応非対応非対応非対応対応対応非対応非対応非対応未確認未確認未確認
CSS Nesting最終テスト 2023-08-31非対応非対応非対応非対応非対応非対応一部対応対応非対応一部対応対応未確認未確認未確認
object-fit最終テスト 2021-07-15対応一部対応一部対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
object-position最終テスト 2021-07-15対応一部対応一部対応非対応対応対応対応対応非対応対応対応未確認未確認未確認
opacity最終テスト 2019-02-28対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
orphans最終テスト 2024-06-13非対応非対応非対応非対応対応対応対応対応非対応対応未確認未確認未確認未確認
outline-offset最終テスト 2022-12-26非対応非対応非対応非対応非対応非対応対応対応非対応対応対応未確認未確認未確認
outline最終テスト 2022-03-17対応対応対応非対応対応対応対応対応対応対応対応未確認未確認未確認
overflow-wrap最終テスト 2022-08-03非対応非対応非対応非対応非対応非対応一部対応一部対応非対応対応未確認未確認未確認未確認
overflow最終テスト 2025-05-27一部対応一部対応一部対応非対応一部対応一部対応一部対応一部対応一部対応一部対応対応未確認未確認未確認
padding-block-start & padding-block-end最終テスト 2022-07-13非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
padding-inline & padding-block最終テスト 2022-07-13非対応非対応非対応非対応非対応非対応対応対応非対応非対応未確認未確認未確認未確認
padding-inline-start & padding-inline-end最終テスト 2022-07-13非対応非対応非対応非対応非対応非対応対応対応非対応対応未確認未確認未確認未確認
padding最終テスト 2019-07-25対応対応対応一部対応対応対応対応対応対応対応対応未確認未確認未確認
position最終テスト 2021-05-16非対応非対応非対応非対応一部対応一部対応一部対応一部対応一部対応一部対応対応未確認未確認未確認
:active最終テスト 2019-10-28非対応非対応非対応非対応一部対応一部対応一部対応非対応対応非対応対応未確認未確認未確認
:checked最終テスト 2020-03-10非対応非対応非対応非対応一部対応一部対応対応対応対応対応対応未確認未確認未確認
:default最終テスト 2026-02-05非対応非対応非対応非対応一部対応一部対応対応対応対応未確認対応未確認未確認未確認
:first-child最終テスト 2019-10-16非対応非対応非対応非対応一部対応一部対応対応対応対応対応対応未確認未確認未確認

対応データは caniemail（MIT、© Rémi Parmentier）のもので、コミットを固定して同梱しています。どの判定も caniemail が実機で行ったテストの結果です。このサイトは実機環境を持たず、テストは一切行っていません。

Naver・Daum・Kakao — 韓国のウェブメールを扱う公開テストデータがないため、その列は推測で埋めず空けてあります。空欄は「誰も測っていない」という意味で、「動かない」とは別のことです。

caniemail.com

自分の HTML をこの基準で確認する

使い方

  1. 英語で検索します

    もとになっているデータはcaniemailのもので、英語で書かれています。だから`flex`、`background-image`、`prefers-color-scheme`では見つかり、日本語の名前では見つかりません。

  2. セルと日付を読みます

    セルにポインタを重ねると、判定を言葉で、caniemailの脚注があればそれも、そしていつ試験されたかを表示します。ウェブメールについての2019年の判定は、昨年の判定より弱い主張です。それを見分けるのが日付です。

  3. 空のセルは未測定として扱います

    「확인되지 않음（未確認）」は、誰も試験を公開していないという意味であって、その機能が動かないという意味ではありません。韓国の3つのクライアントは全面的にその状態にあり、借りてきた列が1つ（新しいOutlook）あって、outlook.comのデータを借りていると印が付いています。

よくある質問

NaverとKakaoが空なのはなぜですか。

公開された一覧がそれらを試験しておらず、このサイトにも試験する手段がないからです。似たウェブメールの振る舞いからそれらの列を埋めれば、誰も確かめていない自信ありげな行ができます。そしてNaverについて誤った行があることは、ここでは空の行よりも大きな害になります。それにもとづいて動く可能性がいちばん高い読者が、ここにいるからです。

データの出どころと新しさはどうなっていますか。

caniemail（MIT、© Rémi Parmentier）から取り、生成されたファイルが記録している固定のコミットで同梱しています。更新は、生成器を走らせ直して差分を読むことで行います。実行時に取りに行かないのは意図的で、このページの主張が、それを作ったコミットから再現できるようにするためです。

「一部対応」とは実際には何のことですか。

caniemailが記録した但し書き付きで、その機能が動くということです。無視される値、その要素にしか当たらないこと、版によって振る舞いが違うことなどです。セルの脚注がその但し書きで、たいていはそれこそが知りたかったことです。

ここから渡せます

HTMLメールの互換性チェック

HTML Email Compatibility Check

メールのHTMLを各クライアントが実際に対応している範囲と突き合わせ、崩れる要素を名指しして、GmailやOutlookなどで何が残るかを並べて見せます。

ブラウザの中だけで動きます

HTMLメール作成

HTML Email Builder

ブロックを積んで表組み・インラインスタイルのHTMLメールとVML対応のボタンを作り、同じブロックからテキスト版も書き出します。

ブラウザの中だけで動きます

次の一手

このツールが出したものをそのまま受け取れる道具です。

送信メールと受信メールの比較

Sent vs Delivered Comparison

自分のアカウントから使い捨てアドレスに下書きを送ると、送信経路が何を書き換えたか（リダイレクトに包まれたリンク、消えたstyleブロック、足されたビーコン、使われた符号化）が分かります。

サーバーを使います

HTMLメール作成

HTML Email Builder

ブロックを積んで表組み・インラインスタイルのHTMLメールとVML対応のボタンを作り、同じブロックからテキスト版も書き出します。

ブラウザの中だけで動きます

HTMLメールの互換性チェック

HTML Email Compatibility Check

メールのHTMLを各クライアントが実際に対応している範囲と突き合わせ、崩れる要素を名指しして、GmailやOutlookなどで何が残るかを並べて見せます。

ブラウザの中だけで動きます

CORSテスター

CORS Tester

指定した生成元からブラウザが送るプリフライトとOriginを載せたGETを実際に送り、Fetch標準の規則でどのヘッダーが止めたのかを説明します。

サーバーを使います

CSVクリーニング

CSV Cleaner

セルの空白を落とし、見出しを揃え、数値と日付の書式を直し、列数の合わない行を報告します。

ブラウザの中だけで動きます

CSV結合（VLOOKUP）

CSV Join

キー列で2つの表を内部・左・右・外部結合し、相手のいない行も一覧します。

ブラウザの中だけで動きます