Tab Atkins Jr
d64cb0b674
Automatic update from web-platform-tests Test overflow-clip-margin keywords, negative offsets, and effect on scrollers (#59009) -- wpt-commits: 7885b8f629bf7e11220d9ecd56e92c39c060427d wpt-pr: 59009
35 lines
959 B
HTML
35 lines
959 B
HTML
<!doctype html>
|
|
<html class="reftest">
|
|
<meta charset="utf-8">
|
|
<title>overflow-clip-margin: border-box is ignored on a scroller, including the offset</title>
|
|
<link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin">
|
|
<link rel="author" title="Tab Atkins-Bittner" href="mailto:jackalmage@gmail.com">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
|
<style>
|
|
.clip {
|
|
width: 80px;
|
|
height: 80px;
|
|
padding: 10px;
|
|
border: 10px solid transparent;
|
|
margin: -10px 0 0 -10px;
|
|
overflow: hidden;
|
|
overflow-clip-margin: border-box -1000px;
|
|
background: red;
|
|
background-clip: content-box;
|
|
}
|
|
.big {
|
|
width: 100px;
|
|
height: 100px;
|
|
border: 50px solid red;
|
|
position: relative;
|
|
top: -60px;
|
|
left: -60px;
|
|
z-index: 1;
|
|
background: green;
|
|
}
|
|
</style>
|
|
<p>Test passes if there is a filled green square.</p>
|
|
<div class=clip>
|
|
<div class=big></div>
|
|
</div>
|