Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / borders / border-radius-with-layer-expected.html
blob4e02431eb3416490137d7ebedd85e1ff1448af73
1 <!DOCTYPE html>
2 <html>
3 <body>
4 <div>This test checks that layers with border-radius are properly clipped.</div>
5 <div>You should see a green rounded rectangle with a purple border below. The rectangle should be contained within the border.</div>
6 <div style ="width:300px; height:100px; border-radius:30px; border:3px solid purple; overflow:hidden;">
7 <div style="height: 100%;position:relative;">
8 <div id ="img1" style="width:100%; height:100%;background-color: green"></div>
9 </div>
10 </div>
11 </body>
12 </html>