본문으로 건너뛰기

메일 클라이언트 지원 표

Email Client Support Table

지메일·아웃룩·애플 메일·야후·삼성 이메일·썬더버드가 HTML 메일에서 무엇을 지원하는지 caniemail의 기기 시험 결과로 보여 주며, 항목마다 마지막 시험 날짜가 붙습니다.

이 사이트의 독자가 실제로 쓰는 메일 클라이언트의 지원 표입니다. 자료는 caniemail의 실제 기기 시험 결과이며 각 항목에 마지막 시험 날짜가 붙어 있습니다. 자료가 끝나는 지점도 함께 보여 줍니다. 국내 웹메일은 공개 시험 자료가 없어, 비슷해 보인다는 이유로 채우지 않고 열을 비워 두었습니다.

🔒 브라우저 안에서만 처리emailhtmlcompatibilityreference
기능 120개

표기: 지원 · 부분 지원 · 미지원 · 확인되지 않음

 지메일 (웹)지메일 (iOS 앱)지메일 (안드로이드 앱)아웃룩 데스크톱 (윈도우)Outlook.com (웹)새 Outlook (윈도우)↩애플 메일 (macOS)메일 (iOS)야후 메일 (웹)삼성 이메일 (안드로이드)썬더버드네이버 메일확인되지 않음다음 · 한메일확인되지 않음카카오 메일확인되지 않음
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이 실제 기기에서 수행한 시험 결과이며, 이 사이트에는 기기 렌더링 환경이 없고 직접 시험하지 않습니다.

네이버·다음·카카오 — 국내 웹메일을 다루는 공개 시험 자료가 없어 해당 열은 추측 대신 비워 두었습니다. 빈 칸은 “아무도 측정하지 않았다”는 뜻이며 “동작하지 않는다”와는 다릅니다.

caniemail.com

내 HTML을 이 기준으로 검사하기

사용 방법

  1. 영어로 검색하기

    원자료가 caniemail의 영어 자료입니다. flex, background-image, prefers-color-scheme처럼 영어로 검색해야 찾을 수 있습니다.

  2. 칸과 날짜 함께 보기

    칸에 마우스를 올리면 판정과 caniemail의 각주, 시험 날짜가 나옵니다. 2019년에 시험한 웹메일 판정은 작년 판정보다 약한 근거이며, 그 차이를 알려 주는 것이 날짜입니다.

  3. 빈 칸은 “측정되지 않음”

    “확인되지 않음”은 공개된 시험이 없다는 뜻이지 동작하지 않는다는 뜻이 아닙니다. 국내 클라이언트 세 곳은 전부 이 상태이고, 새 Outlook 열은 outlook.com 자료를 빌려 온 것임을 표시해 두었습니다.

자주 묻는 질문

네이버와 카카오는 왜 비어 있나요?

이들을 시험한 공개 자료가 없고, 이 사이트도 직접 시험할 방법이 없기 때문입니다. 비슷한 웹메일의 동작으로 열을 채우면 아무도 확인하지 않은 단정이 만들어집니다. 이 표를 실제로 믿고 쓰는 독자에게는 틀린 네이버 한 줄이 빈칸보다 훨씬 해롭습니다.

자료의 출처와 최신성은요?

caniemail(MIT, © Rémi Parmentier)에서 가져왔고, 생성 파일에 고정한 커밋 해시가 적혀 있습니다. 생성기를 다시 돌리고 그 차이를 사람이 확인하는 방식으로 갱신하며, 일부러 실시간으로 가져오지 않습니다. 그래야 이 페이지의 주장이 그 커밋으로 재현됩니다.

“부분 지원”은 정확히 무슨 뜻인가요?

caniemail이 기록한 단서가 붙은 채로 동작한다는 뜻입니다. 특정 값만 무시되거나, 특정 요소에만 적용되거나, 버전에 따라 다르게 동작하는 경우입니다. 칸의 각주가 바로 그 단서이며 대개 그것이 알아야 했던 내용입니다.

이 도구로 이어지는 것

다음 단계

이 도구의 결과를 그대로 받을 수 있는 도구들입니다.