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

   1 <html>
   2 <head>
   3   <style type="text/css" media="screen">
   4     div {
   5       margin: 20px;
   6     }
   7     #specbox1 {
   8       width: 200px;
   9       height: 40px;
  10       border: 20px solid black;
  11       border-top-left-radius: 30px;
  12       border-top-right-radius: 80px;
  13       border-bottom-left-radius: 80px;
  14       border-bottom-right-radius: 30px;
  15     }
  16
  17     #specbox2 {
  18       width: 40px;
  19       height: 200px;
  20       border: 20px solid black;
  21       border-top-left-radius: 30px;
  22       border-top-right-radius: 80px;
  23       border-bottom-left-radius: 80px;
  24       border-bottom-right-radius: 30px;
  25     }
  26   </style>
  27 </head>
  28 <body>
  29   <p>Test that corner-radii are constrained according to the CSS3 rules.</p>
  30   <div id="specbox1"></div>
  31   <div id="specbox2"></div>
  32 </body>
  33 </html>