Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / clip / 011.html
blobf4f465f69de39658d7d4c133398770a2c17d07e8
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
2 <html>
3 <head>
4 <style>
5 .green {
6 width: 100px;
7 height: 100px;
8 background-color: green;
11 .red {
12 width: 100px;
13 height: 100px;
14 margin-top: 100px;
15 margin-left: 100px;
16 background-color: red;
19 .clip {
20 clip: rect(0px 100px 100px 0px);
23 .positioned {
24 position: fixed;
27 .overflow {
28 overflow: hidden;
31 </style>
32 <body>
33 You should see a 100x100 green square below. If you see any red, the test
34 has failed. This test is checking to make sure clip is applying to all
35 descendants.
37 <div class="clip green positioned">
38 <div class="red"></div>
39 <div class="red overflow"></div>
40 </div>