third_party/WebKit/LayoutTests/fast/repaint/padding-border-keeping-border-box-and-content-box.html

   1 <!DOCTYPE HTML>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest()
   5 {
   6     // Though neither border box nor content box changes, should full repaint
   7     // because the border width changes.
   8     var target = document.getElementById('target');
   9     target.style.padding = '20px';
  10     target.style.borderWidth = '20px';
  11 }
  12 window.onload = runRepaintTest;
  13 </script>
  14 <style>
  15 body {
  16     margin: 0;
  17 }
  18 div {
  19     width: 100px;
  20     height: 100px;
  21     padding: 40px;
  22     position: absolute;
  23     background-color: green;
  24     border-color: blue;
  25     border-style: solid;
  26     border-width: 0;
  27 }
  28 </style>
  29 <div id="target"></div>