ink-overflow-002.html (768B)
1 <!DOCTYPE html> 2 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 3 <link rel="help" href="https://www.w3.org/TR/css-break-3/"> 4 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 5 <style> 6 .col { 7 column-width: 100px; 8 column-rule: 100px solid red; 9 height: 100px; 10 column-fill: auto; 11 gap: 0; 12 overflow: hidden; 13 } 14 15 .col > div { 16 display: flow-root; 17 width: 100px; 18 height: 100px; 19 background: green; 20 } 21 22 .col > div > div { 23 width: 10px; 24 height: 10px; 25 margin-top: 80px; 26 margin-left: 50px; 27 outline: 30px solid green; 28 box-shadow: 0 30px 0 30px green; 29 } 30 </style> 31 <body> 32 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 33 <div class="col"><div><div></div></div></div> 34 </body>