blob: 20e4c8a1a6682217026e258c452cff31ff621473 [file] [log] [blame]
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Size containment replaced elements intrinsic size</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-size">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name=assert content="This test checks that intrinsic size of replaced elements with 'contain: size' is zero.">
<style>
svg {
background: green;
padding: 50px 0;
contain: size;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<svg width="100" viewBox="0 0 50 50">
<rect fill="red" width="50" height="50"/>
</svg>