third_party/WebKit/LayoutTests/fast/table/border-collapsing/equal-precedence-resolution-vertical.html

   1 <style>
   2     body { overflow: hidden; }
   3     table { border-collapse: collapse; }
   4     td { width: 25px; height: 25px; }
   5 </style>
   6 <div style="-webkit-writing-mode: vertical-rl; height: 200px; border: solid;">
   7 <table>
   8     <colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
   9     <tr>
  10         <td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
  11         <td style="-webkit-border-start: 5px solid red;"></td>
  12         <td></td>
  13         <td></td>
  14     </tr>
  15     <tr>
  16         <td style="-webkit-border-before: 5px solid red;"></td>
  17         <td></td>
  18         <td></td>
  19         <td></td>
  20     </tr>
  21 </table>
  22 <table style="direction: rtl;">
  23     <colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
  24     <tr>
  25         <td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
  26         <td style="-webkit-border-start: 5px solid red;"></td>
  27         <td></td>
  28         <td></td>
  29     </tr>
  30     <tr>
  31         <td style="-webkit-border-before: 5px solid red;"></td>
  32         <td></td>
  33         <td></td>
  34         <td></td>
  35     </tr>
  36 </table>
  37 <table>
  38     <tr style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
  39         <td></td>
  40     </tr>
  41     <tr style="-webkit-border-before: 5px solid red;">
  42         <td></td>
  43     </tr>
  44 </table>
  45 <table>
  46     <tbody style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
  47         <tr>
  48             <td></td>
  49         </tr>
  50     </tbody>
  51     <tbody style="-webkit-border-before: 5px solid red;">
  52         <tr>
  53             <td></td>
  54         </tr>
  55     </tbody>
  56 </table>
  57 </div>
  58 <div style="-webkit-writing-mode: horizontal-bt; width: 200px; border: solid;">
  59 <table>
  60     <colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
  61     <tr>
  62         <td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
  63         <td style="-webkit-border-start: 5px solid red;"></td>
  64         <td></td>
  65         <td></td>
  66     </tr>
  67     <tr>
  68         <td style="-webkit-border-before: 5px solid red;"></td>
  69         <td></td>
  70         <td></td>
  71         <td></td>
  72     </tr>
  73 </table>
  74 <table style="direction: rtl;">
  75     <colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
  76     <tr>
  77         <td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
  78         <td style="-webkit-border-start: 5px solid red;"></td>
  79         <td></td>
  80         <td></td>
  81     </tr>
  82     <tr>
  83         <td style="-webkit-border-before: 5px solid red;"></td>
  84         <td></td>
  85         <td></td>
  86         <td></td>
  87     </tr>
  88 </table>
  89 <table>
  90     <tr style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
  91         <td></td>
  92     </tr>
  93     <tr style="-webkit-border-before: 5px solid red;">
  94         <td></td>
  95     </tr>
  96 </table>
  97 <table>
  98     <tbody style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
  99         <tr>
 100             <td></td>
 101         </tr>
 102     </tbody>
 103     <tbody style="-webkit-border-before: 5px solid red;">
 104         <tr>
 105             <td></td>
 106         </tr>
 107     </tbody>
 108 </table>
 109 </div>
 110 <div style="-webkit-writing-mode: vertical-lr; height: 200px; border: solid;">
 111 <table>
 112     <colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
 113     <tr>
 114         <td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
 115         <td style="-webkit-border-start: 5px solid red;"></td>
 116         <td></td>
 117         <td></td>
 118     </tr>
 119     <tr>
 120         <td style="-webkit-border-before: 5px solid red;"></td>
 121         <td></td>
 122         <td></td>
 123         <td></td>
 124     </tr>
 125 </table>
 126 <table style="direction: rtl;">
 127     <colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
 128     <tr>
 129         <td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
 130         <td style="-webkit-border-start: 5px solid red;"></td>
 131         <td></td>
 132         <td></td>
 133     </tr>
 134     <tr>
 135         <td style="-webkit-border-before: 5px solid red;"></td>
 136         <td></td>
 137         <td></td>
 138         <td></td>
 139     </tr>
 140 </table>
 141 <table>
 142     <tr style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
 143         <td></td>
 144     </tr>
 145     <tr style="-webkit-border-before: 5px solid red;">
 146         <td></td>
 147     </tr>
 148 </table>
 149 <table>
 150     <tbody style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
 151         <tr>
 152             <td></td>
 153         </tr>
 154     </tbody>
 155     <tbody style="-webkit-border-before: 5px solid red;">
 156         <tr>
 157             <td></td>
 158         </tr>
 159     </tbody>
 160 </table>
 161 </div>