LayoutTests/fast/clip/overflow-hidden-with-border-radius-overflow-clipping-parent.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>This tests that parent clipping is applied properly when ancestor border-radius is present.</title>
   5 <style>
   6   .outer {
   7     overflow: hidden;
   8     border-radius: 20px 0px 0px 0px;
   9   }
  10
  11   .inner {
  12     overflow: hidden;
  13     position: relative;
  14     height: 10px;
  15     width: 10px;
  16   }
  17
  18   .content {
  19         width: 100px;
  20         height: 100px;
  21         background-color: red;
  22   }
  23 </style>
  24 </head>
  25 <body>
  26 <div class=outer>
  27   <div class=inner>
  28     <div class=content></div>
  29   </div>
  30 </div>
  31 </body>
  32 </html>