src/third_party/WebKit/LayoutTests/fast/repaint/box-sizing-padding-keeping-size.html

   1 <!DOCTYPE HTML>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest()
   5 {
   6     document.getElementById('target1').className = 'content-box';
   7     document.getElementById('target2').className = 'border-box';
   8 }
   9 window.onload = runRepaintTest;
  10 </script>
  11 <style>
  12 body {
  13     margin: 0;
  14 }
  15 div {
  16     position: absolute;
  17     background-color: green;
  18 }
  19 .border-box {
  20     width: 100px;
  21     height: 100px;
  22     box-sizing: border-box;
  23 }
  24 .content-box {
  25     width: 60px;
  26     height: 60px;
  27     box-sizing: content-box;
  28     padding: 20px;
  29 }
  30 </style>
  31 <div id="target1" class="border-box" style="top: 0px"></div>
  32 <div id="target2" class="content-box" style="top: 200px"></div>