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 |