contain-size-replaced-002.html (652B)
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="../reference/ref-filled-green-100px-square.xht"> 6 <meta name=assert content="This test checks that intrinsic size of replaced elements with 'contain: size' is zero."> 7 <style> 8 svg { 9 background: green; 10 padding: 50px 0; 11 contain: size; 12 } 13 </style> 14 15 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 16 <svg width="100" viewBox="0 0 50 50"> 17 <rect fill="red" width="50" height="50"/> 18 </svg>