OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 div { | 3 div { |
4 position: absolute; | 4 position: absolute; |
5 top: 50px; | 5 top: 50px; |
6 left: 50px; | 6 left: 50px; |
7 width: 100px; | 7 width: 100px; |
8 height: 100px; | 8 height: 100px; |
9 } | 9 } |
10 | 10 |
11 #target { | 11 #target { |
12 outline: green solid 5px; | 12 outline: green solid 5px; |
13 outline-offset: 10px; | 13 outline-offset: 10px; |
14 } | 14 } |
15 | 15 |
16 #indicator { | 16 #indicator { |
17 outline: red solid 5px; | 17 outline: red solid 5px; |
18 outline-offset: 10px; | 18 outline-offset: 10px; |
19 </style> | 19 </style> |
20 | 20 |
21 Box should be repainted when outline-offset style changes. Passes if no red. | 21 Box should be repainted when outline-offset style changes. Passes if no red. |
22 <div id="indicator"></div> | 22 <div id="indicator"></div> |
23 <div id="target"></div> | 23 <div id="target"></div> |
OLD | NEW |