Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-masking/clip/clip-rect-auto-005.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<title>CSS Masking: Test clip property with rect function and auto value for bottom value</title>
<link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
<link rel="match" href="reference/clip-rect-bottom-ref.html">
<meta name="assert" content="A value of 'auto' for 'bottom' in the rect
function is equal to the top edge of the border box. The box shadow should
be clipped, since it is painted outside the border box. On pass you should
see a horizontal blue stripe under a horizontal green stripe.">
</head>
<body>
<p>The test passes if there is a horizontal blue stripe under a horizontal green stripe.</p>
<div style="width: 100px; height: 100px; border: solid blue 50px; background-color: green; position: absolute; clip: rect(100px, 150px, auto, 50px); box-shadow: 0 0 10px red;"></div>
</body>
</html>