Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / clip / 014.html
blob09c6f7194e41b08956a9e2061afcfafc2c7c0fcf
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
2 <html>
3 <head>
4 <style>
5 .green {
6 width: 100px;
7 height: 200px;
8 background-color: green;
9 border: 10px solid red;
12 .clip {
13 clip: rect(10px 110px 110px 10px);
16 .positioned {
17 position: absolute;
18 overflow: scroll;
21 .tall {
22 height: 1000px;
25 </style>
26 <body>
27 You should see a 100x100 green square with a scrollbar below. If you see any red, the test
28 has failed. This test is checking to make sure clip applies to the element
29 itself, starts from the border edge, and clips out scrollbars. The bottom
30 of the scrolling mechanism should be clipped.
32 <div class="clip green positioned">
33 <div class="tall"></div>
34 </div>