<!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:[email protected]">
<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>
Codebase Browser
chromium