| 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 |