Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!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="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>