third_party/WebKit/LayoutTests/fast/borders/mixed-border-styles-radius2.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css">
   6     body { overflow: hidden; }
   7     .box {
   8       display: inline-block;
   9       box-sizing: border-box;
  10       -moz-box-sizing: border-box;
  11       width: 150px;
  12       height: 150px;
  13       margin: 20px;
  14       border-width: 50px;
  15       border-color: rgba(0, 0, 0, 0.5);
  16       border-style: solid;
  17       border-radius:20%;
  18     }
  19   </style>
  20 </head>
  21 <body>
  22   <!-- Test mixed border styles. -->
  23   <div class="box"></div>
  24
  25   <div class="box" style="border-right-style: double"></div>
  26   <div class="box" style="border-right-style: double; border-right-width: 0;"></div>
  27   <div class="box" style="border-right-color: transparent;"></div>
  28
  29   <div class="box" style="border-right-color: transparent; border-right-width: 50px;"></div>
  30   <div class="box" style="border-right-color: transparent; border-right-width: 0;
  31                           border-bottom-color: transparent;"></div>
  32   <div class="box" style="border-right-color: transparent; border-right-width: 0;
  33                           border-bottom-color: transparent;border-bottom-width: 0"></div>
  34   <div class="box" style="border-right-color: transparent; border-right-width: 0;
  35                           border-bottom-style: groove;"></div>
  36 </body>
  37 </html>