contain-size-replaced-005.html (892B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Containment Test: Size containment replaced elements intrinsic size</title> 4 <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-size"> 5 <link rel="match" href="contain-size-replaced-005-ref.html"> 6 <meta name=assert content="This test checks that intrinsic size of out-of-flow replaced elements with 'contain: size' is zero."> 7 <style> 8 body > div, video, audio, img, canvas, svg, iframe { 9 position: absolute; 10 border: 3px solid orange; 11 contain: size; 12 margin-bottom: 15px; 13 width: min-content; 14 height: min-content; 15 float: left; 16 clear: both; 17 } 18 </style> 19 <div>abc</div> 20 <video></video><br> 21 <video controls></video><br> 22 <img src="support/60x60-green.png"><br> 23 <picture> 24 <source srcset="support/60x60-green.png"> 25 <img> 26 </picture><br> 27 <canvas></canvas><br> 28 <svg></svg><br> 29 <iframe></iframe>