grid-gap-decorations-046.html (768B)
1 <!DOCTYPE html> 2 <title> 3 CSS Gap Decorations: rules are painted when container contains an OOF child. 4 </title> 5 <link rel="help" href="https://drafts.csswg.org/css-gaps-1/"> 6 <link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> 7 <link rel="author" title="Sam Davis Omekara Jr." href="mailto:samomekarajr@microsoft.com"> 8 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 9 <div style="position: relative; display: grid; grid-template-columns: 0px 0px; grid-template-rows: 100px; column-gap: 100px; column-rule: solid green 100px; width: max-content; background:red;"> 10 <div id="target" style="position: absolute; left: 0; top: 0;"></div> 11 </div> 12 <script> 13 document.body.offsetTop; 14 target.style.left = '10px'; 15 </script>