Blitz - WPT: box-decoration-break-clone-009.html

wpt / css / css-break / box-decoration-break-clone-009.html

/css/css-break/box-decoration-break-clone-009.html

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

/css/css-break/box-decoration-break-clone-009-ref.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<p>There should be two squares below, with a hotpink outline and a cyan "shadow".</p>
<div style="margin:20px; display:flex; width:230px; height:100px; justify-content:space-between;">
  <div style="width:100px; height:100px; box-shadow:0 0 0 10px cyan; outline: 5px solid hotpink;"></div>
  <div style="width:100px; height:100px; box-shadow:0 0 0 10px cyan; outline: 5px solid hotpink;"></div>
</div>