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

   1 <!DOCTYPE html>
   2 <style>
   3 .wrapper {
   4   width: 140px;
   5   margin: 50px;
   6   font-family: sans-serif;
   7 }
   8 .out1 {
   9   outline: 5px solid blue;
  10   outline-offset: 5px;
  11 }
  12 .out2 {
  13   outline: 5px solid green;
  14   outline-offset: -5px;
  15 }
  16 </style>
  17 <div class="wrapper">
  18 Lorem <span class="out1">ipsum dolor sit amet</span>, consectetur adipiscing elit. Quisque <span class="out1">fringilla libero vel</span> ligula viverra tincidunt. Quisque lacinia tincidunt tristique.
  19 </div>
  20 <div class="wrapper">
  21 Lorem <span class="out2">ipsum dolor sit amet</span>, consectetur adipiscing elit. Quisque <span class="out2">fringilla libero vel</span> ligula viverra tincidunt. Quisque lacinia tincidunt tristique.
  22 </div>