testing/web-platform/tests/css/css-backgrounds/border-radius-shorthand-002-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>CSS Test: Border radius shorthand reference</title>
   5         <link rel="author" title="arno" href="mailto:arno@arno.org">
   6         <style type="text/css">
   7         /* <![CDATA[ */
   8                 div
   9                 {
  10                                 border-top-left-radius: 29px  5px;
  11                                 border-top-right-radius: 43px  11px;
  12                                 border-bottom-left-radius: 13px  17px;
  13                                 border-bottom-right-radius: 19px  23px;
  14                         background:     #dddddd;
  15                         width:          200px;
  16                         height:         100px;
  17                         }
  18         /* ]]> */
  19         </style>
  20     </head>
  21     <body>
  22         <p>
  23                         There should be one box, with four rounded corners, each corner a different radius.
  24                 </p>
  25                 <ul>
  26                         <li>PASS if the box below has four rounded corners.</li>
  27                         <li>FAIL if the corners are not rounded.</li>
  28                 </ul>
  29
  30         <div></div>
  31     </body>
  32 </html>