layout/reftests/outline/outline-auto-001-ref.html

   1 <!DOCTYPE HTML>
   2 <title>Testcase for outline:auto</title>
   3 <style>
   4   html, body {
   5     color: black;
   6     background-color: white;
   7     padding: 10px;
   8     margin: 0;
   9   }
  10   .a, .a2 {
  11     outline: auto;
  12     width:190px;
  13     height: 10px;
  14     background: black;
  15   }
  16   .a2 {
  17     width: 194px;
  18     height: 14px;
  19     margin-left: -2px;
  20     margin-top: -2px;
  21   }
  22   .w {
  23     border: solid black;
  24     border-width: 5px;
  25     margin: 20px;
  26     width: 190px;
  27     height: 10px;
  28   }
  29 </style>
  30 <div class="w"><div class="a" style="outline-width:10px; outline-offset:5px;"></div></div>
  31 <div class="w"><div class="a" style="outline-width:10px; outline-offset:10px;"></div></div>
  32 <div class="w"><div class="a2" style="outline-width:10px; outline-offset:-2px;"></div></div>
  33 <div class="w"><div class="a" style="outline-width:15px; outline-offset:6px;"></div></div>
  34 <div class="w"><div class="a" style="outline-width:11px; outline-offset:5px;"></div></div>
  35 <div class="w"><div class="a" style="outline-width:11px; outline-offset:10px;"></div></div>
  36 <div class="w"><div class="a2" style="outline-width:11px; outline-offset:-2px;"></div></div>