Skip to content

Commit 98360dd

Browse files
meyerwebmeyerweb
committed
Added writing-mode tests
1 parent fe3ae0f commit 98360dd

File tree

3 files changed

+80
-1
lines changed

3 files changed

+80
-1
lines changed

‎-base.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,17 @@
22
<html>
33
<head>
44
<title>CSS test</title>
5-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
5+
<meta charset="utf-8" />
66
<link rel="stylesheet" type="text/css" href="c/style-insert-tests.css">
77
<style type="text/css" media="all" id="tests">
88

99
</style>
1010
</head>
1111
<body>
1212

13+
<div class="arena">
14+
15+
</div>
1316

1417
</body>
1518
</html>

‎css3/text-orientation.html

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>CSS3 test: text-orientation</title>
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6+
<link rel="stylesheet" href="c/base.css" type="text/css">
7+
<style type="text/css">
8+
[lang="jp"] {color: red;}
9+
</style>
10+
<style type="text/css" id="tests">
11+
.arena p[class] {border: 1px dotted; width: 15em; height: 10em; margin: 1em;
12+
writing-mode: vertical-lr;}
13+
.cl1 {text-orientation: mixed;}
14+
.cl2 {text-orientation: upright;}
15+
.cl3 {text-orientation: sideways;}
16+
</style>
17+
</head>
18+
<body id="www-meyerweb-com" class="css test suite">
19+
<p id="specref"><a href="https://www.w3.org/TR/css-writing-modes-3/#text-orientation">https://www.w3.org/TR/css-writing-modes-3/#text-orientation</a></p>
20+
21+
<div class="arena">
22+
23+
<p>
24+
This is a paragraph of <span lang="jp">日本語</span> and English text, largely unstyled. <span lang="jp">これより多くのテキストです。</span>
25+
</p>
26+
27+
<p class="cl1">
28+
This is a paragraph of <span lang="jp">日本語</span> and English text, largely unstyled. <span lang="jp">これより多くのテキストです。</span>
29+
</p>
30+
31+
<p class="cl2">
32+
This is a paragraph of <span lang="jp">日本語</span> and English text, largely unstyled. <span lang="jp">これより多くのテキストです。</span>
33+
</p>
34+
35+
<p class="cl3">
36+
This is a paragraph of <span lang="jp">日本語</span> and English text, largely unstyled. <span lang="jp">これより多くのテキストです。</span>
37+
</p>
38+
39+
</div>
40+
41+
</body>
42+
</html>

‎css3/writing-mode.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>CSS3 test: writing-mode</title>
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6+
<link rel="stylesheet" href="c/base.css" type="text/css">
7+
<style type="text/css" id="tests">
8+
.arena p {border: 1px dotted; float: left; width: 8em; height: 6em; margin: 1em;}
9+
.cl1 {writing-mode: horizontal-tb;}
10+
.cl2 {writing-mode: vertical-rl;}
11+
.cl3 {writing-mode: vertical-lr;}
12+
</style>
13+
</head>
14+
<body id="www-meyerweb-com" class="css test suite">
15+
<p id="specref"><a href="https://www.w3.org/TR/css-writing-modes-3/#block-flow">https://www.w3.org/TR/css-writing-modes-3/#block-flow</a></p>
16+
17+
<div class="arena">
18+
19+
<p class="cl1">
20+
This is a paragraph of English text, largely unstyled.
21+
</p>
22+
23+
<p class="cl2">
24+
This is a paragraph of English text, largely unstyled.
25+
</p>
26+
27+
<p class="cl3">
28+
This is a paragraph of English text, largely unstyled.
29+
</p>
30+
31+
</div>
32+
33+
</body>
34+
</html>

0 commit comments

Comments
 (0)