wpt/css/css-masking/clip/clip-no-clipping-002.html at master · web-platform-tests/wpt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
    <title>CSS Masking: Test clip property does not clip overflowing content on 'auto'.</title>
    <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
    <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
    <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clip-property">
    <link rel="match" href="reference/clip-no-clipping-ref.html">
    <meta name="assert" content="The clip property should not clip overflowing
    content of elements whose layout are governed by the CSS box model, the
    position is absolute and the clip value is 'auto'. On pass you should see a
    a green square with a blue border.">
</head>
<body>
    <p>The test passes if there is a green square with a blue border.</p>
    <div style="width: 100px; height: 100px; position: absolute; clip: auto;">
        <div style="width: 100px; height: 100px; border: solid blue 50px; background-color: green;"></div>
    </div>
</body>
</html>