Blitz - WPT: background-image-007.html

wpt / css / css-break / background-image-007.html

/css/css-break/background-image-007.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#break-decoration">
<link rel="match" href="background-image-007-ref.html">
<p>There should be four cats below.</p>
<div style="columns:4; width:600px; gap:0; column-fill:auto; height:150px;">
  <div style="box-decoration-break:clone; height:600px; background:url(../support/cat.png) no-repeat; background-size:100px 100px;"></div>
</div>

/css/css-break/background-image-007-ref.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
  .cat {
    background: url(../support/cat.png) no-repeat;
    background-size: 100px 100px;
    width: 150px;
    height: 100px;
  }
</style>
<p>There should be four cats below.</p>
<div style="display:flex; width:600px;">
  <div class="cat"></div>
  <div class="cat"></div>
  <div class="cat"></div>
  <div class="cat"></div>
</div>