Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text/text-transform/text-transform-fullwidth-005.xht - WPT Dashboard Interop Dashboard
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Text Test: text-transform: full-width with 2 digits (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform" title="2.1 Case Transforms: the 'text-transform' property" />
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth" title="9.1.3.1 Full-width Characters" />
<link rel="match" href="text-transform-fullwidth-005-ref.xht" />
<meta content="This test checks basic support of 'text-transform: full-width' in a vertical writing context. Since full-width digit characters are typeset upright, then both digit characters in the text sample should not be rotated toward the right but should be upright. This is furthermore the case since, in this test, there is no 'text-combine-upright' in effect or applying to such pair of digits." name="assert" />
<meta name="DC.date.created" content="2017-01-26T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-18T09:54:03+11:00" scheme="W3CDTF" />
<style type="text/css"><![CDATA[
div
{
writing-mode: vertical-rl;
}
span
{
text-transform: full-width;
}
]]></style>
</head>
<body>
<p>Test passes if both pairs of "２３" glyphs have <strong>identical</strong> layout and orientation.</p>
<div>
<h1 id="test"><span>23</span>日</h1>
<!-- 2 or 2 or U+0032 In the basic latin range: ASCII Digit 2 -->
<!-- 3 or 3 or U+0033 In the basic latin range: ASCII Digit 3 -->
<h1 id="reference">２３日</h1>
<!--
２ == ２ or &xFF12; or U+FF12 is the FULLWIDTH DIGIT 2 (≈ <wide> 0032 2)
３ == ３ or &xFF13; or U+FF13 is the FULLWIDTH DIGIT 3 (≈ <wide> 0033 3)
In the Halfwidth and Fullwidth Forms range:
-->
</div>
</body>
</html>