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

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