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

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