OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>CSS Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Orderin
g</title> | 2 <title>CSS Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Orderin
g</title> |
3 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/
contact"> | 3 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/
contact"> |
| 4 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/"> <!-- 2016-01-19 --> |
4 <link rel="match" href="table-progression-001-ref.html"> | 5 <link rel="match" href="table-progression-001-ref.html"> |
5 <meta name="assert" content="This test checks that vertical-rl tables, whether L
TR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-
orientation is upright."> | 6 <meta name="assert" content="This test checks that vertical-rl tables, whether L
TR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-
orientation is upright."> |
6 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" tit
le="3.1 Block Flow Direction: the 'writing-mode' property"> | 7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" tit
le="3.1 Block Flow Direction: the 'writing-mode' property"> |
7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" titl
e="2.1 Specifying Directionality: the 'direction' property"> | 8 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" titl
e="2.1 Specifying Directionality: the 'direction' property"> |
8 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientatio
n" title="5.1 Orienting Text: the 'text-orientation' property"> | 9 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientatio
n" title="5.1 Orienting Text: the 'text-orientation' property"> |
9 | 10 |
10 <style> | 11 <style> |
11 .test { | 12 .test { |
12 writing-mode: vertical-rl; | 13 writing-mode: vertical-rl; |
13 text-orientation: upright; | 14 text-orientation: upright; |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
61 <td class="yllw"> | 62 <td class="yllw"> |
62 <tbody> | 63 <tbody> |
63 <tr> | 64 <tr> |
64 <td class="orng"> | 65 <td class="orng"> |
65 <td colspan=3> | 66 <td colspan=3> |
66 </table> | 67 </table> |
67 | 68 |
68 <table class="test" dir=rtl> | 69 <table class="test" dir=rtl> |
69 <thead> | 70 <thead> |
70 <tr> | 71 <tr> |
| 72 <td class="navy"> |
| 73 <td class="blue"> |
71 <td colspan=2> | 74 <td colspan=2> |
72 <td class="blue"> | |
73 <td class="navy"> | |
74 <tfoot> | 75 <tfoot> |
75 <tr> | 76 <tr> |
| 77 <td colspan=2> |
| 78 <td class="aqua"> |
76 <td class="teal"> | 79 <td class="teal"> |
77 <td class="aqua"> | |
78 <td colspan=2> | |
79 <tbody> | 80 <tbody> |
80 <tr> | 81 <tr> |
| 82 <td rowspan=3> |
| 83 <td colspan=2> |
81 <td class="purp"> | 84 <td class="purp"> |
82 <td colspan=2> | |
83 <td rowspan=3> | |
84 <tr> | 85 <tr> |
| 86 <td class="pink"> |
85 <td rowspan=2 colspan=2> | 87 <td rowspan=2 colspan=2> |
86 <td class="pink"> | |
87 <tr> | 88 <tr> |
88 <td class="yllw"> | 89 <td class="yllw"> |
89 <tbody> | 90 <tbody> |
90 <tr> | 91 <tr> |
| 92 <td class="orng"> |
91 <td colspan=3> | 93 <td colspan=3> |
92 <td class="orng"> | |
93 </table> | 94 </table> |
94 | 95 |
95 <table class="reference"> | 96 <table class="reference"> |
96 <tr> | 97 <tr> |
97 <td rowspan=2> | 98 <td rowspan=2> |
98 <td class="orng"> | 99 <td class="orng"> |
99 <td colspan="3"> | 100 <td colspan="3"> |
100 <td class="navy"> | 101 <td class="navy"> |
101 <tr> | 102 <tr> |
102 <td rowspan="3"> | 103 <td rowspan="3"> |
103 <td class="yllw"> | 104 <td class="yllw"> |
104 <td class="pink"> | 105 <td class="pink"> |
105 <td rowspan="2"> | 106 <td rowspan="2"> |
106 <td class="blue"> | 107 <td class="blue"> |
107 <tr> | 108 <tr> |
108 <td class="aqua"> | 109 <td class="aqua"> |
109 <td rowspan=2 colspan=2> | 110 <td rowspan=2 colspan=2> |
110 <td rowspan=2> | 111 <td rowspan=2> |
111 <tr> | 112 <tr> |
112 <td class="teal"> | 113 <td class="teal"> |
113 <td class="purp"> | 114 <td class="purp"> |
114 </table> | 115 </table> |
OLD | NEW |