Skip to main content

Samsung Mail

Engine: Samsung·mobile·Dark mode: Yes

Samsung Mail is the default email client on Samsung Galaxy devices. It uses Samsung's own rendering engine, which has good CSS support overall but introduces some unique quirks. It supports <style> blocks and most layout properties, but has inconsistencies with certain modern CSS features.

Pre-installed on all Samsung Galaxy smartphones and tablets, which hold ~20% global smartphone market share. A significant mobile email client, particularly in emerging markets.

CSS coverage profile for Samsung Mail

Samsung Mail renders with the Samsung engine and supports 208 of 251 tracked CSS and HTML features fully, with 20 partially supported and 21 unsupported. That places it in a broad coverage band.

Modern CSS works largely as expected. The cost of supporting this client is low — most production templates need only minor adjustments.

208

Supported

20

Partial

21

Unsupported

251

Total

Key gotchas in Samsung Mail

CSS animations

Support is inconsistent across Samsung Mail versions. Animations may not play or may render only the final frame.

Custom fonts (@font-face)

Support varies by device and Samsung Mail version. Always include a robust system font fallback stack.

Viewport-relative units (vw, vh)

Viewport units may reference the webview container rather than the device screen, producing unexpected sizing.

How Samsung Mail renders email

  • Samsung Mail's rendering engine is Samsung's own Internet/Browser stack, distinct from Chrome on Android. Behaviour is similar to Blink but with subtle differences — particularly around viewport units and font rendering.
  • @media queries are honoured, including prefers-color-scheme, but the breakpoint matching can lag a frame or two during orientation change, occasionally producing transient layout flicker.
  • Touch targets and font sizes inherit Samsung's accessibility scaling, which can be more aggressive than stock Android. Use -webkit-text-size-adjust to opt out where precise sizing matters.
  • Samsung Mail honours dark mode based on the device theme, but its inversion algorithm is more saturation-aggressive than Apple's, producing punchier colours that may push outside brand guidelines.

Dark mode behaviour in Samsung Mail

Samsung Mail supports dark mode and applies automatic color inversion based on the device's theme setting. The inversion algorithm is less predictable than Apple Mail's — test explicitly with dark mode simulation.

QA checklist for Samsung Mail

  • Test on actual Samsung devices when available — emulators don't capture Samsung's specific font rendering nuances.
  • Verify high-contrast accessibility modes don't break critical layout decisions.
  • Check landscape orientation explicitly; layouts that work in portrait can collapse in landscape on Samsung's tablet form factors.

HTML Elements40

FeatureSupport
<abbr>Supported
<acronym>Supported
<address>Supported
<audio>Supported
<base>Supported
<bdi>Supported
<blockquote>Supported
<body>Supported
<code>Supported
<del>Supported
<dfn>Supported
<dialog>Supported
<div>Supported
<form>Supported
<h1>Supported
<hr>Supported
<img>Supported
<link>Unsupported
<marquee>Supported
<meter>Supported
<object>Partial
<p>Supported
<picture>Supported
<pre>Supported
<progress>Supported
<rp>Supported
<rt>Supported
<ruby>Supported
<select>Supported
<small>Supported
<span>Supported
<strike>Supported
<strong>Supported
<style>Supported
<svg>Supported
<table>Supported
<textarea>Unsupported
<ul>Supported
<video>Partial
<wbr>Supported

CSS At-Rules5

FeatureSupport
@font-faceSupported
@importUnsupported
@keyframesSupported
@mediaSupported
@supportsSupported

Pseudo-Elements6

FeatureSupport
::afterSupported
::beforeSupported
::first-letterSupported
::first-lineSupported
::markerSupported
::placeholderSupported

Pseudo-Classes & Selectors32

FeatureSupport
:adjacent-siblingSupported
:attribute-selectorSupported
:chainingSupported
:checkedSupported
:child-combinatorSupported
:class-selectorSupported
:descendant-combinatorSupported
:first-childSupported
:first-of-typeSupported
:focusSupported
:general-siblingSupported
:groupingSupported
:hasSupported
:hoverSupported
:id-selectorSupported
:langSupported
:last-childSupported
:last-of-typeSupported
:linkSupported
:notSupported
:nth-childSupported
:nth-last-childSupported
:nth-of-typeSupported
:only-childSupported
:only-of-typeSupported
:targetSupported
:type-selectorSupported
:universal-selectorSupported
:visitedUnsupported
pseudo-class-activeUnsupported
pseudo-class-defaultUnknown
pseudo-class-nth-last-of-typeSupported

CSS Functions8

FeatureSupport
calcSupported
clampPartial
conic-gradientPartial
fit-contentUnsupported
linear-gradientPartial
maxPartial
minPartial
radial-gradientSupported

CSS Properties160

FeatureSupport
!importantSupported
accent-colorSupported
align-itemsSupported
animationSupported
aspect-ratioUnsupported
backdrop-filterSupported
backgroundSupported
background-blend-modeSupported
background-clipSupported
background-colorSupported
background-imageSupported
background-originSupported
background-positionSupported
background-repeatSupported
background-sizeSupported
bimiUnsupported
block-sizeSupported
borderSupported
border-collapseSupported
border-imageSupported
border-inlineUnsupported
border-inline-individualPartial
border-inline-longhandSupported
border-radiusSupported
border-radius-logicalUnsupported
border-spacingSupported
bottomPartial
box-shadowSupported
box-sizingSupported
caption-sideSupported
clearSupported
clip-pathSupported
colorSupported
color-schemeSupported
column-countSupported
columnsSupported
css-commentsSupported
cursorUnknown
custom-propertiesSupported
directionSupported
displaySupported
display:flexSupported
display:gridSupported
display:noneSupported
empty-cellsSupported
filterSupported
flex-directionSupported
flex-wrapSupported
floatSupported
fontSupported
font-familySupported
font-kerningSupported
font-sizePartial
font-stretchUnsupported
font-weightSupported
gapSupported
grid-template-columnsSupported
heightSupported
hyphenate-characterSupported
hyphenate-limit-charsUnsupported
hyphensSupported
inline-sizeSupported
insetUnsupported
justify-contentSupported
leftPartial
letter-spacingSupported
light-darkPartial
line-heightSupported
list-styleSupported
list-style-imageSupported
list-style-positionSupported
list-style-typeSupported
marginSupported
margin-block-start-endSupported
margin-inline-blockUnsupported
margin-inline-start-endSupported
mask-imageSupported
max-block-sizeSupported
max-heightSupported
max-inline-sizeSupported
max-widthSupported
min-block-sizeSupported
min-heightSupported
min-inline-sizeSupported
min-widthSupported
mix-blend-modeSupported
modern-colorUnsupported
nestingPartial
object-fitSupported
object-positionSupported
opacitySupported
orphansSupported
outlineSupported
outline-offsetSupported
overflowPartial
overflow-wrapSupported
paddingSupported
padding-block-start-endSupported
padding-inline-blockUnsupported
padding-inline-start-endSupported
positionPartial
resizeSupported
rgbSupported
rgbaSupported
rightPartial
scroll-snapSupported
shape-marginSupported
shape-outsideSupported
system-uiPartial
tab-sizeSupported
table-layoutSupported
text-alignSupported
text-align-lastSupported
text-decorationSupported
text-decoration-colorSupported
text-decoration-lineSupported
text-decoration-skip-inkSupported
text-decoration-styleSupported
text-decoration-thicknessSupported
text-emphasisUnsupported
text-emphasis-positionUnsupported
text-indentSupported
text-justifyUnsupported
text-orientationSupported
text-overflowUnsupported
text-shadowSupported
text-transformSupported
text-underline-offsetSupported
text-underline-positionSupported
text-wrapSupported
topPartial
transformSupported
transitionPartial
unit-chSupported
unit-cmSupported
unit-emSupported
unit-exSupported
unit-inSupported
unit-initialSupported
unit-mmSupported
unit-pcSupported
unit-percentSupported
unit-ptSupported
unit-pxSupported
unit-remSupported
unit-vhSupported
unit-vmaxSupported
unit-vminSupported
unit-vwSupported
user-selectSupported
vertical-alignSupported
visibilitySupported
white-spaceUnsupported
white-space-collapseSupported
widowsSupported
widthSupported
word-breakPartial
word-spacingSupported
writing-modeSupported
z-indexSupported

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free

Support data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.