| <!DOCTYPE html> |
| <script src="../resources/text-based-repaint.js"></script> |
| <p>There should be a blue square below. There should also be five vertical red lines.</p> |
| <div id="target" style="-webkit-columns:3; -webkit-column-rule:5px solid blue; -webkit-column-gap:5px; width:310px; height:315px; line-height:50px;"> |
| <div style="height:945px; background:blue;"></div> |
| <br><br><br><br><br><br> |
| <br><br><br><br><br><br> |
| <br><br><br><br><br><br> |
| </div> |
| <script> |
| onload = runRepaintAndPixelTest; |
| function repaintTest() { |
| target.style.webkitColumnRule = "5px solid red"; |
| } |
| </script> |