testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-inline-sliced-1-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!DOCTYPE html>
<title>'box-decoration-break: slice' and 'mask-image' (reference)</title>
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
  .mask-image {
    font: 100px/1 Ahem;
    color: green;
  }
</style>
<p>There should be a green square below.</p>
<div style="width: 100px">
  <span class="mask-image">A</span>
</div>