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