Update web-platform-tests to revision 82b73b315ce7ed1554e7a9b7bced66a5831e4ee5

This commit is contained in:
WPT Sync Bot 2019-08-19 10:23:52 +00:00
parent 00a9f30773
commit 76712d7d25
353 changed files with 6528 additions and 1307 deletions

View file

@ -8,6 +8,7 @@
<meta name="flags" content="">
<style>
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
:root { overflow: hidden; }
div {
writing-mode: vertical-rl;
font-family: monospace;

View file

@ -13,6 +13,7 @@ div {
font-size: 20px;
position: relative; /* to be a container for #red*/
}
:root { overflow: hidden; }
.spacer { /* using 5 spacers of 20vh each instead of a single large one, so
that the line would wrap between spacers if it ends up being
shorter thatn 100vh*/

View file

@ -14,6 +14,7 @@ div div {
font-size: 20px;
position: relative; /* to be a container for #red*/
}
:root { overflow: hidden; }
.spacer { /* using 5 spacers of 20vh each instead of a single large one, so
that the line would wrap between spacers if it ends up being
shorter thatn 100vh*/

View file

@ -8,6 +8,7 @@
<meta name="flags" content="">
<style>
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
:root { overflow: hidden; }
div {
writing-mode: vertical-rl;
font-family: monospace;

View file

@ -8,6 +8,7 @@
<meta name="flags" content="">
<style>
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
:root { overflow: hidden; }
div {
writing-mode: vertical-rl;
font-family: monospace;

View file

@ -8,6 +8,7 @@
<meta name="flags" content="">
<style>
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
:root { overflow: hidden; }
div {
writing-mode: vertical-rl;
font-family: monospace;

View file

@ -8,6 +8,7 @@
<meta name="flags" content="">
<style>
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
:root { overflow: hidden; }
div {
writing-mode: vertical-rl;
font-family: monospace;

View file

@ -8,6 +8,7 @@
<meta name="flags" content="">
<style>
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
:root { overflow: hidden; }
div {
writing-mode: vertical-rl;
font-family: monospace;

View file

@ -7,6 +7,6 @@
<div style="position:relative; writing-mode:vertical-rl; width:100px; height:100px; background:green;">
<div style="position:absolute; right:0; top:0; width:0.5em; height:1em; background:red;"></div>
<div style="width:200px;">
<span style="position:relative; color:green; background:green;">XXX</span>
<span style="position:relative; color:green; background:green; display: inline-block">XXX</span>
</div>
</div>

View file

@ -40,5 +40,8 @@
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
<script>
document.documentElement.scrollLeft=document.documentElement.scrollWidth;
</script>
</body>
</html>

View file

@ -100,5 +100,8 @@
</div>
<script>
document.documentElement.scrollLeft=document.documentElement.scrollWidth;
</script>
</body>
</html>

View file

@ -74,5 +74,8 @@
</table>
<script>
document.documentElement.scrollLeft=document.documentElement.scrollWidth;
</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -27,4 +27,4 @@
<p lang="ja"><span>今日</span><span>5</span><span>12</span>日です。<span>GI</span></p>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -27,4 +27,4 @@
<p lang="ja"><span>W3C</span>会議は<span>2016</span><span>5</span><span>12</span>日です。<span>242</span>日目です。</p>
</div>
</body>
</html>
</html>

View file

@ -4,12 +4,12 @@
<meta charset="utf-8"/>
<title>text-combine-upright:digits</title>
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-upright"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#text-combine-upright"/>
<meta name="assert" content="text-combine-upright:digits will display two-digit numbers horizontally, but not others."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@
<p lang="ja">今日は2016年5月12日です。242日目です。</p>
</div>
</body>
</html>
</html>

View file

@ -4,12 +4,12 @@
<meta charset="utf-8"/>
<title>text-combine-upright:digits 2</title>
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-upright"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#text-combine-upright"/>
<meta name="assert" content="text-combine-upright:digits 2 will display two-digit numbers horizontally, but not others."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@
<p lang="ja">今日は2016年5月12日です。242日目です。</p>
</div>
</body>
</html>
</html>

View file

@ -4,12 +4,12 @@
<meta charset="utf-8"/>
<title>text-combine-upright:digits 4</title>
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-upright"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#text-combine-upright"/>
<meta name="assert" content="text-combine-upright:digits 4 will display all numbers up to four digits long horizontally."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@
<p lang="ja">今日は2016年5月12日です。242日目です。</p>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -27,4 +27,4 @@
<span lang="mn">ᠮᠤᠩᠭᠤᠯ ᠤᠯᠤᠰ</span>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -28,4 +28,4 @@
<span lang="mn">ᠴᠤᠢᠵᠤᠩᠵᠠᠪ ᠪᠠᠭᠰᠢ ᠶᠢᠨ <span id="end">ᠦᠭᠦᠯᠡᠯ</span></span>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -27,4 +27,4 @@
<span lang="mn">ᠴᠤᠢᠵᠤᠩᠵᠠᠪ</span>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -25,4 +25,4 @@
<div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ ᠤᠯᠤᠰ</div>
<div class="ref"><img src="support/mn-orientation.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -25,4 +25,4 @@
<div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ ᠤᠯᠤᠰ</div>
<div class="ref"><img src="support/mn-orientation.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ span[lang=en] { color: black; }
<div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="en">W3C i18n</span> ᠤᠯᠤᠰ</div>
<div class="ref"><img src="support/mn+latin.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ span[lang=ar] { color: black; }
<div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="ar">نشاط التدويل</span> ᠤᠯᠤᠰ</div>
<div class="ref"><img src="support/mn+arabic.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ span[lang=ar] { color: black; }
<div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="ar">نشاط التدويل</span> ᠤᠯᠤᠰ</div>
<div class="ref"><img src="support/mn+arabic.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ span[lang=ar] { color: black; }
<div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="ar">نشاط التدويل</span> ᠤᠯᠤᠰ</div>
<div class="ref"><img src="support/mn+arabic.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -32,4 +32,4 @@ function setMargin (height) {
<div id="test" class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="en">W3C i18n</span> ᠤᠯᠤᠰ</div>
<div class="ref"><img src="support/mn_en_wrap.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -32,4 +32,4 @@ function setMargin (height) {
<div id="test" class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="ar">نشاط التدويل</span> ᠤᠯᠤᠰ</div>
<div class="ref"><img src="support/mn_ar_wrap.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -22,6 +22,6 @@
</head>
<body>
<p class="instructions">Test passes if the text is vertical and the world map has north at the top.</p>
<div id="test" class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <img src="support/world.gif" alt="ref image"/> ᠤᠯᠤᠰ</div>
<div id="test" class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <img src="support/world.png" alt="ref image"/> ᠤᠯᠤᠰ</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ input { font-family: webfont; font-size: 34px; }
<input type="text" value="ᠮᠤᠩᠭᠤᠯ W3C i18n ᠤᠯᠤᠰ" />
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ input { font-family: webfont; font-size: 34px; }
<input type="text" placeholder="ᠮᠤᠩᠭᠤᠯ W3C i18n ᠤᠯᠤᠰ" />
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ textarea { font-family: webfont; font-size: 34px; }
<textarea rows="3">ᠮᠤᠩᠭᠤᠯ W3C i18n ᠤᠯᠤᠰ</textarea>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ textarea { font-family: webfont; font-size: 34px; }
<textarea rows="3" placeholder="ᠮᠤᠩᠭᠤᠯ W3C i18n ᠤᠯᠤᠰ"></textarea>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -31,4 +31,4 @@ select { font-family: webfont; font-size: 24px; }
</select>
</div>
</body>
</html>
</html>

View file

@ -6,10 +6,11 @@
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="writing-mode:vertical-lr will display selection options vertically."/>
<meta name="flags" content="should"/>
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -31,4 +32,4 @@ select { font-family: webfont; font-size: 24px; }
</select>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: 'webfont';
src: url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@ -30,4 +30,4 @@
</tbody></table>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -27,4 +27,4 @@
<span lang="zh-hans">国际化活动万维网联盟</span>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -28,4 +28,4 @@
<span lang="zh-hans">国际化活动万维网联盟国际化活动万维<span id="end">网联盟</span></span>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -27,4 +27,4 @@
<span lang="zh-hans">国际化活动万维网联盟</span>
</div>
</body>
</html>
</html>

View file

@ -7,13 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="By default, writing-mode:vertical-rl will display chinese characters upright."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; }
.test, .ref { font-size: 24px; float: left; margin-right: 30px; }
</style>
<!-- this is the test -->
<style type="text/css">
@ -22,7 +16,7 @@
</head>
<body>
<p class="instructions" dir="ltr">Test passes if the text is vertical and the Chinese characters are oriented the same way as on the blue background.</p>
<div class="test" lang="mn">国际化活动万维网联盟</div>
<div class="test" lang="zh">国际化活动万维网联盟</div>
<div class="ref"><img src="support/zh-orientation.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -7,13 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="writing-mode:vertical-lr will display Latin characters rotated 90° right by default."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.test { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
.test { font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
span[lang=en] { color: black; }
</style>
<!-- this is the test -->
@ -26,4 +20,4 @@ span[lang=en] { color: black; }
<div class="test" lang="zh-hans">国际化活动<span lang="en">W3C i18n</span>万维网联盟</div>
<div class="ref"><img src="support/zh+latin.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -7,13 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="By default, writing-mode:vertical-lr will display Arabic characters rotated 90° right."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
.test, .ref { font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
span[lang=ar] { color: black; }
</style>
<!-- this is the test -->
@ -26,4 +20,4 @@ span[lang=ar] { color: black; }
<div class="test" lang="zh-hans">国际化活动<span lang="ar">نشاط التدويل</span>万维网联盟</div>
<div class="ref"><img src="support/zh+arabic.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -7,13 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="By default, writing-mode:vertical-lr will display Arabic characters progressing up the page."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
.test, .ref { font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
span[lang=ar] { color: black; }
</style>
<!-- this is the test -->
@ -26,4 +20,4 @@ span[lang=ar] { color: black; }
<div class="test" lang="zh-hans">国际化活动<span lang="ar">نشاط التدويل</span>万维网联盟</div>
<div class="ref"><img src="support/zh+arabic.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -7,13 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="By default, writing-mode:vertical-lr will display Arabic characters using cursive joining."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
.test, .ref { font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
span[lang=ar] { color: black; }
</style>
<!-- this is the test -->
@ -26,4 +20,4 @@ span[lang=ar] { color: black; }
<div class="test" lang="zh-hans">国际化活动<span lang="ar">نشاط التدويل</span>万维网联盟</div>
<div class="ref"><img src="support/zh+arabic.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -7,13 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="By default, writing-mode:vertical-rl will wrap Latin text across a line break such that the first word in memory is on the right."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; height: 250px; color: #ccc; }
.test, .ref { font-size: 24px; float: left; margin-right: 30px; height: 200px; color: #ccc; }
span[lang=en] { color: black; }
</style>
<!-- this is the test -->
@ -28,8 +22,8 @@ function setMargin (height) {
</head>
<body>
<p class="instructions">Test passes if the two Latin words on the left are displayed in the same relative positions around a line break as on the blue background.</p>
<p class="instructions">Use this control to set the line length, if necessary: <input type="text" value="250" style="width: 30px; text-align:right;" onChange="setMargin(this.value);"/>px</p>
<p class="instructions">Use this control to set the line length, if necessary: <input type="text" value="200" style="width: 30px; text-align:right;" onChange="setMargin(this.value);"/>px</p>
<div id="test" class="test" lang="zh-hans">国际化活动<span lang="en">W3C i18n</span>万维网联盟</div>
<div class="ref"><img src="support/zh_en_wrap.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -7,13 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="By default, writing-mode:vertical-rl will arrange Arabic text across a line break such that the first word in memory is on the right-hand side of the line break."/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; height: 200px; color: #ccc; }
.test, .ref { font-size: 24px; float: left; margin-right: 30px; height: 200px; color: #ccc; }
span[lang=ar] { color: black; }
</style>
<!-- this is the test -->
@ -32,4 +26,4 @@ function setMargin (height) {
<div id="test" class="test" lang="zh-hans">国际化活动<span lang="ar">نشاط التدويل</span>万维网联盟</div>
<div class="ref"><img src="support/zh_ar_wrap.png" alt="ref image"/></div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -22,6 +22,6 @@
</head>
<body>
<p class="instructions">Test passes if the text is vertical and the world map has north at the top.</p>
<div id="test" class="test" lang="zh-hans">国际化活动<img src="support/world.gif" alt="ref image"/>万维网联盟</div>
<div id="test" class="test" lang="zh-hans">国际化活动<img src="support/world.png" alt="ref image"/>万维网联盟</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ input { font-family: webfont; font-size: 34px; }
<input type="text" value="国际化活动W3C i18n万维网联盟" />
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ input { font-family: webfont; font-size: 34px; }
<input type="text" placeholder="国际化活动W3C i18n万维网联盟" />
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ textarea { font-family: webfont; font-size: 34px; }
<textarea rows="3">国际化活动W3C i18n万维网联盟</textarea>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -26,4 +26,4 @@ textarea { font-family: webfont; font-size: 34px; }
<textarea rows="3" placeholder="国际化活动W3C i18n万维网联盟"></textarea>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -31,4 +31,4 @@ select { font-family: webfont; font-size: 24px; }
</select>
</div>
</body>
</html>
</html>

View file

@ -6,10 +6,11 @@
<link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
<meta name="assert" content="writing-mode:vertical-rl will display selection options vertically."/>
<meta name="flags" content="should"/>
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -31,4 +32,4 @@ select { font-family: webfont; font-size: 24px; }
</select>
</div>
</body>
</html>
</html>

View file

@ -9,7 +9,7 @@
<style type="text/css">
@font-face {
font-family: "webfont";
src: url("../../fonts/mplus-1p-regular.woff") format("woff");
src: url("/fonts/mplus-1p-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@ -30,4 +30,4 @@
</tbody></table>
</div>
</body>
</html>
</html>