third_party/WebKit/LayoutTests/fast/repaint/inline-outline-repaint-2.html

   1 <!DOCTYPE html>
   2 <script src=resources/text-based-repaint.js></script>
   3 <style>
   4 body {
   5   margin: 0;
   6   padding: 0;
   7 }
   8 #container {
   9   position: absolute;
  10   width: 255px;
  11   text-align: right;
  12   font: 10px Ahem;
  13 }
  14 #container > span {
  15   outline: 5px solid blue;
  16 }
  17 </style>
  18 <div id=container>
  19   <span>Test</span>
  20 </div>
  21 <script>
  22 function repaintTest() {
  23   document.getElementById('container').style.color = 'green';
  24 }
  25 onload = runRepaintTest;
  26 </script>