| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> |
| <html> |
| <head> |
| <style> |
| .green { |
| width: 100px; |
| height: 200px; |
| background-color: green; |
| border: 10px solid red; |
| } |
| |
| .clip { |
| clip: rect(10px 110px 110px 10px); |
| } |
| |
| .positioned { |
| position: absolute; |
| overflow: scroll; |
| } |
| |
| .tall { |
| height: 1000px; |
| } |
| |
| </style> |
| <body> |
| You should see a 100x100 green square with a scrollbar below. If you see any red, the test |
| has failed. This test is checking to make sure clip applies to the element |
| itself, starts from the border edge, and clips out scrollbars. The bottom |
| of the scrolling mechanism should be clipped. |
| |
| <div class="clip green positioned"> |
| <div class="tall"></div> |
| </div> |
