OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title> | 2 <title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</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="match" href="table-progression-001-ref.html"> | 4 <link rel="match" href="table-progression-001-ref.html"> |
5 <meta name="assert" content="This test checks that vertical-rl tables order rows
/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) pe
r 'direction'."> | 5 <meta name="assert" content="This test checks that vertical-rl tables order rows
/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) pe
r 'direction'. This test also checks that 'writing-mode' and 'direction' do not
apply to table rows and row groups."> |
6 <meta name="assert" content="This test checks that 'writing-mode' and 'direction
' do not apply to table rows and row groups."> | |
7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode"> | 6 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode"> |
8 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction"> | 7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction"> |
9 | 8 |
10 <style> | 9 <style> |
11 .test { | 10 .test { |
12 writing-mode: vertical-rl; | 11 writing-mode: vertical-rl; |
13 } | 12 } |
14 [dir=rtl] { | 13 [dir=rtl] { |
15 direction: rtl; | 14 direction: rtl; |
16 } | 15 } |
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
106 <tbody> | 105 <tbody> |
107 <tr> | 106 <tr> |
108 <td colspan=3> | 107 <td colspan=3> |
109 <td class="orng"> | 108 <td class="orng"> |
110 </table> | 109 </table> |
111 | 110 |
112 <table class="reference"> | 111 <table class="reference"> |
113 <tr> | 112 <tr> |
114 <td rowspan=2> | 113 <td rowspan=2> |
115 <td class="orng"> | 114 <td class="orng"> |
116 <td colspan=3"> | 115 <td colspan="3"> |
117 <td class="navy"> | 116 <td class="navy"> |
118 <tr> | 117 <tr> |
119 <td rowspan=3"> | 118 <td rowspan="3"> |
120 <td class="yllw"> | 119 <td class="yllw"> |
121 <td class="pink"> | 120 <td class="pink"> |
122 <td rowspan=2"> | 121 <td rowspan="2"> |
123 <td class="blue"> | 122 <td class="blue"> |
124 <tr> | 123 <tr> |
125 <td class="aqua"> | 124 <td class="aqua"> |
126 <td rowspan=2 colspan=2> | 125 <td rowspan=2 colspan=2> |
127 <td rowspan=2> | 126 <td rowspan=2> |
128 <tr> | 127 <tr> |
129 <td class="teal"> | 128 <td class="teal"> |
130 <td class="purp"> | 129 <td class="purp"> |
131 </table> | 130 </table> |
OLD | NEW |