third_party/WebKit/LayoutTests/fast/borders/outline-negative-start.html

   1 <!DOCTYPE html>
   2 <style>
   3 .square {
   4     background-color: lightblue;
   5     width: 50px;
   6     height: 50px;
   7     display: inline-block;
   8     margin: 5px;
   9 }
  10 .dashed {
  11     outline: 1px dashed black;
  12 }
  13 .dotted {
  14     outline: 1px dotted black;
  15 }
  16 .solid {
  17     outline: 1px solid black;
  18 }
  19 .with-rotate {
  20     transform: rotate(0deg);
  21 }
  22 </style>
  23 <div class="square solid with-rotate"></div>
  24 <div class="square dashed with-rotate"></div>
  25 <div class="square dotted with-rotate"></div>