src/third_party/WebKit/LayoutTests/fast/repaint/border-fit-lines.html

   1 <html>
   2 <head>
   3     <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   4     <script type="text/javascript">
   5         function repaintTest()
   6         {
   7             var div = document.getElementById("target");
   8             div.style.width = '100px';
   9         }
  10     </script>
  11 </head>
  12 <body onload="runRepaintTest()">
  13     This should be a 100&times;100px green square with a black border:
  14     <div style="height: 100px; -webkit-border-fit: lines; background: green; border: 2px solid black;">
  15         <div id="target" style="display: inline-block; width: 10px; height: 10px;"></div>
  16     </div>
  17 </body>
  18 </html>