Blitz - WPT: text-combine-upright-sideways-001.html

wpt / css / css-writing-modes / text-combine-upright-sideways-001.html

/css/css-writing-modes/text-combine-upright-sideways-001.html

<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS test: text-combine-upright has no effect in sideways writing mode</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-upright"/>
<link rel="match" href="reference/text-combine-upright-sideways-001-ref.html"/>
<meta name="fuzzy" content="maxDifference=0-50; totalPixels=0-6">
<style>
.test {
  font: 32px sans-serif;
  writing-mode: sideways-rl;
}
.combined {
  text-combine-upright: all;
}
</style>
<body lang="zh">
<p>Test passes if the digits are NOT rotated or compressed to appear horizontally</p>
<div class="test">中文<span class="combined">1234</span>中文</div>

/css/css-writing-modes/reference/text-combine-upright-sideways-001-ref.html

<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS reference file</title>
<style>
.test {
  font: 32px sans-serif;
  writing-mode: sideways-rl;
}
</style>
<body lang="zh">
<p>Test passes if the digits are NOT rotated or compressed to appear horizontally</p>
<div class="test">中文1234中文</div>