servo/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/full-width-001.xht
Ms2ger 296fa2512b Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
2017-02-06 22:38:29 +01:00

66 lines
No EOL
2.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Writing Modes: 'text-combine-upright: all' applied on a single typographic full-width unit character</title>
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura" />
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
<link href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth" rel="help" title="9.1.3.1. Full-width Characters" />
<link href="reference/full-width-001-horizontal-notref.xht" rel="mismatch" />
<link href="reference/full-width-001-nofullwidth-notref.xht" rel="mismatch" />
<meta content="asis should" name="flags" />
<meta content="When 'text-combine-upright: all' and 'text-transform: full-width' are applied simultaneously on 1 single typographic unit or when 'text-combine-upright: all' is set on a full-width typographic unit character, then such typographic unit remains a full-width character." name="assert" />
<!--
This test is the equivalent of the "2" month in the
<date>2010年2月23日</date> example of example 17 in
section 9.1.3.1 of the specification
-->
<style>
div
{
font-size: 64px;
writing-mode: vertical-rl;
}
div &gt; p
{
border: black solid 1px;
}
span.tcu-all
{
text-combine-upright: all;
}
span.full-width
{
text-transform: full-width;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
<div>
<p id="test1"><span class="tcu-all full-width">4</span></p>
<!-- &#x34; is the ISO-Latin1 digit 4 -->
<p id="test2"><span class="tcu-all"></span></p>
<!-- &#xFF14; is the FULLWIDTH DIGIT 4 (≈ <wide> 0034 4)-->
<p id="reference">4月</p>
<!-- &#xFF14; is the FULLWIDTH DIGIT 4 (≈ <wide> 0034 4)-->
</div>
</body></html>