| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>CSS Test: vertical-lr upright orientation Table Row/Rowgroup/Cell Orderin
g</title> | 2 <title>CSS Test: vertical-lr 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-lr 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-lr 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-lr; | 13 writing-mode: vertical-lr; |
| 13 text-orientation: upright; | 14 text-orientation: upright; |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 61 <tr> | 62 <tr> |
| 62 <td class="pink"> | 63 <td class="pink"> |
| 63 <tr> | 64 <tr> |
| 64 <td colspan=2> | 65 <td colspan=2> |
| 65 <td class="purp"> | 66 <td class="purp"> |
| 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 colspan=2> |
| 73 <td class="aqua"> |
| 71 <td class="teal"> | 74 <td class="teal"> |
| 72 <td class="aqua"> | |
| 73 <td colspan=2> | |
| 74 <tfoot> | 75 <tfoot> |
| 75 <tr> | 76 <tr> |
| 77 <td class="navy"> |
| 78 <td class="blue"> |
| 76 <td colspan=2> | 79 <td colspan=2> |
| 77 <td class="blue"> | |
| 78 <td class="navy"> | |
| 79 <tbody> | 80 <tbody> |
| 80 <tr> | 81 <tr> |
| 82 <td class="orng"> |
| 81 <td colspan=3> | 83 <td colspan=3> |
| 82 <td class="orng"> | |
| 83 <tbody> | 84 <tbody> |
| 84 <tr> | 85 <tr> |
| 86 <td rowspan=3> |
| 87 <td class="yllw"> |
| 85 <td rowspan=2 colspan=2> | 88 <td rowspan=2 colspan=2> |
| 86 <td class="yllw"> | |
| 87 <td rowspan=3> | |
| 88 <tr> | 89 <tr> |
| 89 <td class="pink"> | 90 <td class="pink"> |
| 90 <tr> | 91 <tr> |
| 92 <td colspan=2> |
| 91 <td class="purp"> | 93 <td class="purp"> |
| 92 <td colspan=2> | |
| 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 |