LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-size-table-caption-001.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <title>CSS Test: 'contain: size' on table captions should cause them to be sized as if they had no contents.</title>
   6   <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
   7   <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
   8   <link rel="match" href="contain-size-table-caption-001-ref.html">
   9   <style>
  10   .contain {
  11     contain:size;
  12   }
  13   .innerContents {
  14     height: 100px;
  15     width: 100px;
  16     color: transparent;
  17   }
  18   caption {
  19     border: 1em solid green;
  20   }
  21   </style>
  22 </head>
  23 <body>
  24   <table>
  25     <caption class="contain">
  26       <div class="innerContents">
  27         inner
  28       </div>
  29     </caption>
  30   </table>
  31 </body>
  32 </html>