third_party/WebKit/LayoutTests/fast/multicol/vertical-lr/rules-with-border-before.html

   1 <!DOCTYPE html>
   2 <style>
   3     .test {
   4         width: 100px;
   5         height: 100px;
   6         -webkit-writing-mode: vertical-lr;
   7         -webkit-columns: 2;
   8         -webkit-column-rule: 50px solid orange;
   9         -webkit-column-gap: 50px;
  10     }
  11
  12     .before { -webkit-border-before: 50px solid blue; }
  13     .after { -webkit-border-after: 50px solid blue; }
  14
  15     .test div { width: 200px; }
  16 </style>
  17 <p>There should be a 50px blue border to the left of an orange rectangle:</p>
  18 <div class="test before"><div></div></div>
  19 <p>There should be a 50px blue border to the right of an orange rectangle:</p>
  20 <div class="test after"><div></div></div>