third_party/WebKit/LayoutTests/css3/calc/table-empty-cells-expected.html

   1 <!DOCTYPE HTML>
   2 <style>
   3     table {
   4         border-spacing: 0px;
   5         width: 100%;
   6     }
   7     .percent { width:50%; }
   8     .fixed   { width:400px; }
   9     .cell1   { height:25px; background-color: aqua }
  10     .border  { border: 2px solid green }
  11     .padding { padding: 2px }
  12     .margin  { margin: 2px }
  13     .pre     { white-space: pre }
  14     table    { border: 2px solid black }
  15 </style>
  16 <body leftmargin="0" topmargin="0">
  17     <table>
  18         <tbody>
  19         <tr>
  20         <td/>
  21         <td class="cell1">First cell empty, second auto width</td>
  22         </tr>
  23         </tbody>
  24     </table>
  25
  26     <table>
  27         <tbody>
  28         <tr>
  29         <td/>
  30         <td class="cell1 percent">First cell empty, second percent width</td>
  31         </tr>
  32         </tbody>
  33     </table>
  34
  35     <table>
  36         <tbody>
  37         <tr>
  38         <td/>
  39         <td class="cell1 fixed">First cell empty, second fixed width</td>
  40         </tr>
  41         </tbody>
  42     </table>
  43
  44     <table>
  45         <tbody>
  46         <tr>
  47         <td class="pre"> </td>
  48         <td class="cell1 percent">First cell empty (with space) and has white-space:pre</td>
  49         </tr>
  50         </tbody>
  51     </table>
  52
  53     <table>
  54         <tbody>
  55         <tr>
  56         <td class="pre"></td>
  57         <td class="cell1 percent">First cell empty (no space) and has white-space:pre</td>
  58         </tr>
  59         </tbody>
  60     </table>
  61
  62     <table id=c width="100%">
  63         <tbody>
  64         <tr>
  65         <td class="border"> </td>
  66         <td class="cell1 percent">First cell empty but has border</td>
  67         </tr>
  68         </tbody>
  69     </table>
  70
  71     <table id=c width="100%">
  72         <tbody>
  73         <tr>
  74         <td class="padding"> </td>
  75         <td class="cell1 percent">First cell empty but has padding</td>
  76         </tr>
  77         </tbody>
  78     </table>
  79
  80     <table id=c cellpadding="1" width="100%">
  81         <tbody>
  82         <tr>
  83         <td/>
  84         <td class="cell1 percent">First cell empty, table has cellpadding</td>
  85         </tr>
  86         </tbody>
  87     </table>
  88
  89     <table id=c cellspacing="1" width="100%">
  90         <tbody>
  91         <tr>
  92         <td/>
  93         <td class="cell1 percent">First cell empty, table has cellspacing</td>
  94         </tr>
  95         </tbody>
  96     </table>
  97
  98     <table id=c width="100%">
  99         <tbody>
 100         <tr>
 101         <td class="margin"> </td>
 102         <td class="cell1 percent">First cell empty but has margin</td>
 103         </tr>
 104         </tbody>
 105     </table>
 106
 107     <table id=e width="100%">
 108         <tbody>
 109         <tr>
 110         <td class="bgcolor"> </td>
 111         <td class="cell1 percent">First cell empty but has background color</td>
 112         </tr>
 113         </tbody>
 114     </table>
 115
 116     <table>
 117         <tbody>
 118         <tr>
 119         <td/>
 120         <td class="cell1 percent">First row, first cell empty</td>
 121         </tr>
 122         <tr>
 123         <td> text </td>
 124         <td class="cell1 percent">Second row, first cell not empty</td>
 125         </tr>
 126         </tbody>
 127     </table>
 128
 129     <table>
 130         <tbody>
 131         <tr>
 132         <td/>
 133         <td class="cell1 percent">First row, first cell empty</td>
 134         </tr>
 135         <tr>
 136         <td/>
 137         <td class="cell1 percent">Second row, first cell empty</td>
 138         </tr>
 139         </tbody>
 140     </table>
 141
 142     <table>
 143         <tbody>
 144         <tr>
 145         <td colspan="2"> </td>
 146         <td class="cell1 percent">First cell empty, has colspan</td>
 147         </tr>
 148         </tbody>
 149     </table>
 150
 151     <table>
 152         <tbody>
 153         <tr>
 154         <td/>
 155         <td class="cell1"> text </td>
 156         <td class="cell1 percent">First row, first cell empty, second cell non-empty</td>
 157         </tr>
 158         <tr>
 159         <td colspan="2"> </td>
 160         <td class="cell1">Second row, first cell empty with colspan=2</td>
 161         </tr>
 162         </tbody>
 163     </table>
 164
 165     <table>
 166         <tbody>
 167         <tr>
 168         <td class="cell1"> text </td>
 169         <td/>
 170         <td class="cell1 percent">First row, first cell non-empty, second cell empty</td>
 171         </tr>
 172         <tr>
 173         <td colspan="2"> </td>
 174         <td class="cell1">Second row, first cell empty with colspan=2</td>
 175         </tr>
 176         </tbody>
 177     </table>
 178
 179     <table>
 180         <tbody>
 181         <tr>
 182         <td/>
 183         <td/>
 184         <td class="cell1 percent">First row, first and second cell empty</td>
 185         </tr>
 186         <tr>
 187         <td colspan="2"> </td>
 188         <td class="cell1 percent">Second row, first cell empty, has colspan=2</td>
 189         </tr>
 190         </tbody>
 191     </table>
 192
 193     <table>
 194         <tbody>
 195         <tr>
 196         <td/>
 197         <td/>
 198         <td class="cell1 percent">First row, first and second cell empty</td>
 199         </tr>
 200         <tr>
 201         <td class="percent" colspan="2"> </td>
 202         <td class="cell1 percent">Second row, first cell empty, has colspan=2 and percent width</td>
 203         </tr>
 204         </tbody>
 205     </table>
 206
 207     <table>
 208         <tbody>
 209         <tr>
 210         <td/>
 211         <td/>
 212         <td class="cell1 percent">First row, first and second cell empty</td>
 213         </tr>
 214         <tr>
 215         <td class="fixed" colspan="2"> </td>
 216         <td class="cell1 percent">Second row, first cell empty, has colspan=2 and fixed width</td>
 217         </tr>
 218         </tbody>
 219     </table>
 220
 221     One empty cell:
 222     <table>
 223         <tbody>
 224         <tr>
 225         <td/>
 226         </tr>
 227         </tbody>
 228     </table>
 229
 230     Two empty cells:
 231     <table>
 232         <tbody>
 233         <tr>
 234         <td/>
 235         <td/>
 236         </tr>
 237         </tbody>
 238     </table>
 239 </body>