third_party/WebKit/LayoutTests/fast/inline/outline-offset.html

   1 <!DOCTYPE html>
   2 <style>
   3 font {
   4     border-color: white;
   5     border-top-style: solid;
   6     color: green;
   7 }
   8
   9 font, textarea {
  10     border-top-width: 100px;
  11     margin-left: 25px;
  12     outline-style: solid;
  13     outline-offset: -29px;
  14 }
  15
  16 textarea {
  17     border-color: white white;
  18     color: white;
  19     height: 32px;
  20     margin-right: 200px;
  21     width: 175px;
  22 }
  23
  24 p {
  25     left: 0;
  26     position: absolute;
  27     top: 0;
  28 }
  29
  30 .overlay {
  31     background-color: white;
  32     height: 155px;
  33     position: absolute;
  34     width: 450px;
  35 }
  36
  37 .overlayBottom {
  38     left: 60px;
  39     top: 155px;
  40 }
  41 </style>
  42 <div class="overlay"></div>
  43 <div class="overlay overlayBottom"></div>
  44 <font>
  45     <textarea></textarea>
  46     <textarea></textarea>
  47 </font>
  48 <p>Test passes if the page renders a green box with open right side.</p>