src/third_party/WebKit/LayoutTests/fast/css/border-radius-non-negative.html

   1 <html>\r
   2 <head>\r
   3 <style>\r
   4 div {\r
   5   border: 10px red solid;\r
   6   width: 80px;\r
   7   height: 80px;\r
   8   margin-top: 10px;\r
   9 }\r
  10 #test1, #test2 {\r
  11   margin-top: -100px;\r
  12   border-color: black;\r
  13 }\r
  14 #reference1 {\r
  15   border-radius: 0px 0px 0px 0px;\r
  16 }\r
  17 #test1 {\r
  18   border-radius: 30px -150px 30px 30px;\r
  19 }\r
  20 #reference2 {\r
  21   border-radius: 0px 30px 0px 0px;\r
  22 }\r
  23 #test2 {\r
  24   border-top-left-radius: -120px;\r
  25   border-top-right-radius: 30px;\r
  26 }\r
  27 </style>\r
  28 </head>\r
  29 <script>\r
  30 if (window.testRunner)\r
  31     window.testRunner.dumpAsTextWithPixelResults();\r
  32 </script>\r
  33 <body>\r
  34 <div id="reference1"></div>\r
  35 <div id="test1"></div>\r
  36 <div id="reference2"></div>\r
  37 <div id="test2"></div>\r
  38 </p>\r
  39 </body>\r
  40 </html>\r