contain-size-table-caption-001.html (760B)
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>