| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html lang="en"> | 2 <html lang="en"> |
| 3 <head> | 3 <head> |
| 4 <title>Switch between display block and inline on :hover</title> | 4 <title>Switch between display block and inline on :hover</title> |
| 5 <style> | 5 <style> |
| 6 .box { | 6 .box { |
| 7 width: 100px; | 7 width: 100px; |
| 8 height: 100px; | 8 height: 100px; |
| 9 } | 9 } |
| 10 #dummy { | 10 #dummy { |
| 11 background-color: black; | 11 background-color: black; |
| 12 } | 12 } |
| 13 #hoverTest { | 13 #hoverTest { |
| 14 border: 5px solid green; | 14 border: 5px solid green; |
| 15 border-left: 100px solid green; | 15 border-left: 100px solid green; |
| 16 color: black; | 16 color: black; |
| 17 display: block; | 17 display: block; |
| 18 } | 18 } |
| 19 #hoverTest:hover { | 19 #hoverTest:hover { |
| 20 border-color: darkred; | 20 border-color: darkred; |
| 21 display: inline; | 21 display: inline; |
| 22 } | 22 } |
| 23 #after_hoverTest { | 23 #after_hoverTest { |
| 24 background-color: blue; | 24 background-color: blue; |
| 25 color: white; | 25 color: white; |
| 26 padding: 10px; | 26 padding: 10px; |
| 27 } | 27 } |
| 28 </style> | 28 </style> |
| 29 | 29 |
| 30 » <script src="../js/resources/js-test-pre.js"></script> | 30 » <script src="../../resources/js-test.js"></script> |
| 31 </head> | 31 </head> |
| 32 | 32 |
| 33 <body> | 33 <body> |
| 34 <div id="dummy" class="box"></div> | 34 <div id="dummy" class="box"></div> |
| 35 <div id="hoverTest" class="box">When hovered, this box's display will sw
itch from <b>block</b> to <b>inline</b></div> | 35 <div id="hoverTest" class="box">When hovered, this box's display will sw
itch from <b>block</b> to <b>inline</b></div> |
| 36 <div id="after_hoverTest" class="box">This is here to show the layout be
ing recomputed</div> | 36 <div id="after_hoverTest" class="box">This is here to show the layout be
ing recomputed</div> |
| 37 | 37 |
| 38 <script type="text/javascript"> | 38 <script type="text/javascript"> |
| 39 if (window.testRunner) | 39 if (window.testRunner) |
| 40 testRunner.waitUntilDone(); | 40 testRunner.waitUntilDone(); |
| (...skipping 28 matching lines...) Expand all Loading... |
| 69 | 69 |
| 70 if (window.testRunner) | 70 if (window.testRunner) |
| 71 testRunner.notifyDone(); | 71 testRunner.notifyDone(); |
| 72 } | 72 } |
| 73 } | 73 } |
| 74 | 74 |
| 75 beginTest(); | 75 beginTest(); |
| 76 </script> | 76 </script> |
| 77 </body> | 77 </body> |
| 78 </html> | 78 </html> |
| OLD | NEW |