LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-size-replaced-002.html

   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>