mirror of
https://github.com/servo/servo.git
synced 2025-07-12 18:03:49 +01:00
67 lines
No EOL
2.7 KiB
HTML
67 lines
No EOL
2.7 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<title>CSS Writing Modes Test: text-orientation - upright in vertical-rl writing mode</title>
|
||
<style type="text/css">
|
||
@page { font: italic 8pt sans-serif; color: gray;
|
||
margin: 7%;
|
||
counter-increment: page;
|
||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||
@top-right { content: "Test text-orientation-upright-vrl-002"; }
|
||
@bottom-right { content: counter(page); }
|
||
}
|
||
</style>
|
||
<link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp"/>
|
||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2015-12-24 -->
|
||
<link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/>
|
||
<meta name="flags" content="image"/>
|
||
<meta name="assert" content="This test checks that latin alphabet characters are translated upright (and not rotated sideways) and this test also verifies that the characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are also translated upright."/>
|
||
<style type="text/css"><![CDATA[
|
||
@font-face
|
||
{
|
||
font-family: "mplus-1p-regular";
|
||
src: url("support/mplus-1p-regular.woff") format("woff");
|
||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||
/*
|
||
mplus-1p-regular.ttf can be downloaded at, from [TBD later]
|
||
*/
|
||
}
|
||
|
||
div {
|
||
float: left;
|
||
color: blue;
|
||
font-family: "mplus-1p-regular";
|
||
font-size: 24px; /* we must try to avoid a too tall div which could generate 2 line boxes; so we use a smaller font size */
|
||
line-height: 1.5; /* equivalent to 36px:
|
||
so that top-half-leading outside content is 6px
|
||
and bottom-half-leading outside content is 6px */
|
||
margin: 10px;
|
||
}
|
||
|
||
div#vertical
|
||
{
|
||
border: 1px solid gray;
|
||
writing-mode: vertical-rl;
|
||
text-orientation: upright;
|
||
}
|
||
|
||
img {vertical-align: top;}
|
||
|
||
]]></style>
|
||
</head>
|
||
<body>
|
||
|
||
<p>Test passes if characters in both "Text sample" rectangles have the <strong>same order</strong> and the <strong>same orientation</strong>: both "Text sample" should be translated upright. Note that a different inter-character spacing is considered as PASS.</p>
|
||
|
||
<div id="vertical">Ｔext sample</div>
|
||
|
||
<!--
|
||
HTML Entity (decimal) Ｔ or HTML Entity (hex) Ｔ is Unicode Character 'FULLWIDTH LATIN CAPITAL LETTER T'
|
||
More info:
|
||
http://lists.w3.org/Archives/Public/public-css-testsuite/2015Dec/0008.html
|
||
-->
|
||
|
||
<div><img src="support/text-orientation-upright-vrl-002.png" width="38" height="376" alt="Image download support must be enabled"/></div>
|
||
|
||
</body>
|
||
</html> |