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

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