third_party/WebKit/LayoutTests/fast/borders/border-radius-percent.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5     p{
   6         text-align:center;
   7         background:#ccc;
   8         border-radius:50% 50% 0 0 / 100%;
   9         width:300px;
  10         height:150px;
  11     }
  12     p.all{
  13         border:1px solid #000;
  14     }
  15     p.bottom{
  16         border-bottom:1px solid #000;
  17     }
  18 </style>
  19 <script>
  20 if (window.testRunner)
  21     testRunner.dumpAsTextWithPixelResults();
  22 </script>
  23 </head>
  24 <body>
  25 <p class="bottom">Corners on top should be rounded and a border of 1px black on the bottom.</p>
  26 <p class="all">Corners on top should be rounded and a border of 1px black all around.</p>
  27 </body>
  28 </html>