third_party/WebKit/LayoutTests/fast/box-sizing/table-collapse.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 </head>
   5 <body>
   6     <style>
   7         table {
   8             border-collapse: collapse;
   9             border: 25px solid green;
  10             border-top: 10px solid cyan;
  11             position: absolute;
  12             box-sizing: border-box;
  13             outline: 5px solid blue;
  14         }
  15         div {
  16             background-color: yellow;
  17             height: 50px;
  18             width: 50px;
  19         }
  20     </style>
  21     <script src="../../resources/check-layout.js"></script>
  22     <script>
  23         window.onload = function () {
  24             checkLayout(".table");
  25         }
  26     </script>
  27     <table class="table" data-expected-height="87">
  28         <tbody>
  29             <tr>
  30                 <td>
  31                     <div></div>
  32                 </td>
  33             </tr>
  34         </tbody>
  35     </table>
  36     <table style="top: 200px;" class="table" data-expected-height="87">
  37         <tbody>
  38             <tr>
  39                 <td>
  40                     <div></div>
  41                 </td>
  42             </tr>
  43         </tbody>
  44     </table>
  45     <table style="bottom: 100px;" class="table" data-expected-height="87">
  46         <tbody>
  47             <tr>
  48                 <td>
  49                     <div></div>
  50                 </td>
  51             </tr>
  52         </tbody>
  53     </table>
  54 </body>
  55 </html>