box-decoration-break-clone-009.html (631B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-break/#break-decoration"> 4 <meta name="assert" content="Cloned box decorations, with outline and shadow."> 5 <link rel="match" href="box-decoration-break-clone-009-ref.html"> 6 <p>There should be two squares below, with a hotpink outline and a cyan "shadow".</p> 7 <div style="margin:20px; columns:2; gap:30px; column-fill:auto; width:230px; height:100px;"> 8 <div style="box-decoration-break:clone; height:200px; box-shadow:0 0 0 10px cyan; outline: 5px solid hotpink;"> 9 </div> 10 </div>