src/third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/rule-style.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-rl;
   5     }
   6
   7     div.columns {
   8         -webkit-columns: 2;
   9         -webkit-column-gap: 0;
  10         -webkit-column-rule-color: gray;
  11         -webkit-column-rule-width: 12px;
  12         column-fill: auto;
  13         width: 200px;
  14         height: 20px;
  15         display: inline-block;
  16     }
  17
  18     div.columns div {
  19         width: 400px;
  20     }
  21 </style>
  22
  23 <div class="columns" style="-webkit-column-rule-style: solid; column-rule-style: solid;">
  24     <div></div>
  25 </div>
  26
  27 <div class="columns" style="-webkit-column-rule-style: dotted; column-rule-style: dotted;">
  28     <div></div>
  29 </div>
  30
  31 <div class="columns" style="-webkit-column-rule-style: dashed; column-rule-style: dashed;">
  32     <div></div>
  33 </div>
  34
  35 <div class="columns" style="-webkit-column-rule-style: groove; column-rule-style: groove;">
  36     <div></div>
  37 </div>
  38
  39 <div class="columns" style="-webkit-column-rule-style: ridge; column-rule-style: ridge;">
  40     <div></div>
  41 </div>
  42
  43 <div class="columns" style="-webkit-column-rule-style: inset; column-rule-style: inset;">
  44     <div></div>
  45 </div>
  46
  47 <div class="columns" style="-webkit-column-rule-style: outset; column-rule-style: outset;">
  48     <div></div>
  49 </div>
  50
  51 <div class="columns" style="-webkit-column-rule-style: double; column-rule-style: double;">
  52     <div></div>
  53 </div>