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 |