third_party/WebKit/LayoutTests/fast/table/border-collapsing/border-collapsing-head-foot.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <style type="text/css">
   5
   6         .test table { border-collapse: collapse; margin: 10px; }
   7         .test td, th { border: 1px lightgray solid; }
   8
   9         .example1 tfoot { border-top: 2px solid blue;
  10             border-bottom: 2px solid green;
  11         }
  12
  13         .example2 thead { border-top: 2px solid blue;
  14             border-bottom: 2px solid green;
  15         }
  16     </style>
  17 </head>
  18 <body>
  19     <p>
  20         Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=8848">http://bugzilla.opendarwin.org/show_bug.cgi?id=8848</a>
  21         TFOOT borders are copied to THEAD and TBODY</i>.
  22     </p>
  23     <hr>
  24     <table><tr><td class="test">
  25         <table class="example1">
  26             <thead>
  27                 <tr>
  28                     <th>Header</th>
  29                 </tr>
  30             </thead>
  31             <tbody>
  32                 <tr>
  33                     <td>Body 1</td>
  34                 </tr>
  35             </tbody>
  36             <tbody>
  37                 <tr>
  38                     <td>Body 2</td>
  39                 </tr>
  40             </tbody>
  41             <tfoot>
  42                 <tr>
  43                     <td>Footer</td>
  44                 </tr>
  45             </tfoot>
  46         </table>
  47
  48         <table class="example1">
  49             <tbody>
  50                 <tr>
  51                     <td>Body 1</td>
  52                 </tr>
  53             </tbody>
  54             <thead>
  55                 <tr>
  56                     <th>Header</th>
  57                 </tr>
  58             </thead>
  59             <tbody>
  60                 <tr>
  61                     <td>Body 2</td>
  62                 </tr>
  63             </tbody>
  64             <tfoot>
  65                 <tr>
  66                     <td>Footer</td>
  67                 </tr>
  68             </tfoot>
  69         </table>
  70
  71         <table class="example1">
  72             <tbody>
  73                 <tr>
  74                     <td>Body 1</td>
  75                 </tr>
  76             </tbody>
  77             <thead>
  78                 <tr>
  79                     <th>Header</th>
  80                 </tr>
  81             </thead>
  82             <tfoot>
  83                 <tr>
  84                     <td>Footer</td>
  85                 </tr>
  86             </tfoot>
  87             <tbody>
  88                 <tr>
  89                     <td>Body 2</td>
  90                 </tr>
  91             </tbody>
  92         </table>
  93     </td><td class="test">
  94         <table class="example1">
  95             <tbody>
  96                 <tr>
  97                     <td>Body 1</td>
  98                 </tr>
  99             </tbody>
 100             <tfoot>
 101                 <tr>
 102                     <td>Footer</td>
 103                 </tr>
 104             </tfoot>
 105             <thead>
 106                 <tr>
 107                     <th>Header</th>
 108                 </tr>
 109             </thead>
 110             <tbody>
 111                 <tr>
 112                     <td>Body 2</td>
 113                 </tr>
 114             </tbody>
 115         </table>
 116
 117         <table class="example1">
 118             <tfoot>
 119                 <tr>
 120                     <td>Footer</td>
 121                 </tr>
 122             </tfoot>
 123             <tbody>
 124                 <tr>
 125                     <td>Body 1</td>
 126                 </tr>
 127             </tbody>
 128             <thead>
 129                 <tr>
 130                     <th>Header</th>
 131                 </tr>
 132             </thead>
 133             <tbody>
 134                 <tr>
 135                     <td>Body 2</td>
 136                 </tr>
 137             </tbody>
 138         </table>
 139
 140         <table class="example1">
 141             <tbody>
 142                 <tr>
 143                     <td>Body 1</td>
 144                 </tr>
 145             </tbody>
 146             <tbody>
 147                 <tr>
 148                     <td>Body 2</td>
 149                 </tr>
 150             </tbody>
 151             <tfoot>
 152                 <tr>
 153                     <td>Footer</td>
 154                 </tr>
 155             </tfoot>
 156             <thead>
 157                 <tr>
 158                     <th>Header</th>
 159                 </tr>
 160             </thead>
 161         </table>
 162     </td>
 163     <td class="test">
 164         <table class="example2">
 165             <thead>
 166                 <tr>
 167                     <th>Header</th>
 168                 </tr>
 169             </thead>
 170             <tbody>
 171                 <tr>
 172                     <td>Body 1</td>
 173                 </tr>
 174             </tbody>
 175             <tbody>
 176                 <tr>
 177                     <td>Body 2</td>
 178                 </tr>
 179             </tbody>
 180             <tfoot>
 181                 <tr>
 182                     <td>Footer</td>
 183                 </tr>
 184             </tfoot>
 185         </table>
 186
 187         <table class="example2">
 188             <tbody>
 189                 <tr>
 190                     <td>Body 1</td>
 191                 </tr>
 192             </tbody>
 193             <thead>
 194                 <tr>
 195                     <th>Header</th>
 196                 </tr>
 197             </thead>
 198             <tbody>
 199                 <tr>
 200                     <td>Body 2</td>
 201                 </tr>
 202             </tbody>
 203             <tfoot>
 204                 <tr>
 205                     <td>Footer</td>
 206                 </tr>
 207             </tfoot>
 208         </table>
 209
 210         <table class="example2">
 211             <tbody>
 212                 <tr>
 213                     <td>Body 1</td>
 214                 </tr>
 215             </tbody>
 216             <thead>
 217                 <tr>
 218                     <th>Header</th>
 219                 </tr>
 220             </thead>
 221             <tfoot>
 222                 <tr>
 223                     <td>Footer</td>
 224                 </tr>
 225             </tfoot>
 226             <tbody>
 227                 <tr>
 228                     <td>Body 2</td>
 229                 </tr>
 230             </tbody>
 231         </table>
 232     </td><td class="test">
 233         <table class="example2">
 234             <tbody>
 235                 <tr>
 236                     <td>Body 1</td>
 237                 </tr>
 238             </tbody>
 239             <tfoot>
 240                 <tr>
 241                     <td>Footer</td>
 242                 </tr>
 243             </tfoot>
 244             <thead>
 245                 <tr>
 246                     <th>Header</th>
 247                 </tr>
 248             </thead>
 249             <tbody>
 250                 <tr>
 251                     <td>Body 2</td>
 252                 </tr>
 253             </tbody>
 254         </table>
 255
 256         <table class="example2">
 257             <tfoot>
 258                 <tr>
 259                     <td>Footer</td>
 260                 </tr>
 261             </tfoot>
 262             <tbody>
 263                 <tr>
 264                     <td>Body 1</td>
 265                 </tr>
 266             </tbody>
 267             <thead>
 268                 <tr>
 269                     <th>Header</th>
 270                 </tr>
 271             </thead>
 272             <tbody>
 273                 <tr>
 274                     <td>Body 2</td>
 275                 </tr>
 276             </tbody>
 277         </table>
 278
 279         <table class="example2">
 280             <tbody>
 281                 <tr>
 282                     <td>Body 1</td>
 283                 </tr>
 284             </tbody>
 285             <tbody>
 286                 <tr>
 287                     <td>Body 2</td>
 288                 </tr>
 289             </tbody>
 290             <tfoot>
 291                 <tr>
 292                     <td>Footer</td>
 293                 </tr>
 294             </tfoot>
 295             <thead>
 296                 <tr>
 297                     <th>Header</th>
 298                 </tr>
 299             </thead>
 300         </table>
 301     </td></tr></table>
 302 </body>