| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| table |
| { |
| border-collapse: collapse; |
| color: white; |
| font: 22.25em/1 Ahem; |
| } |
| |
| td {padding: 0px;} |
| |
| table#test td |
| { |
| border-style: solid; |
| border-width: 1em; |
| } |
| |
| td#one {border-color: blue blue blue blue;} |
| td#two {border-color: yellow yellow yellow red;} |
| |
| td#five {border-color: red yellow yellow yellow;} |
| td#six {border-color: red green green red;} |
| </style> |
| <script src="resources/repaint.js" type="text/javascript"></script> |
| <script> |
| function repaintTest() |
| { |
| window.scrollTo(0,1000); |
| } |
| </script> |
| </head> |
| <body onload="runRepaintTest();"> |
| <!--- webkit.org/b/85658: Repaint collapsed borders correctly when scrolling. There should be a blue bar across the top when you load the page. --> |
| <table id="test"> |
| <tr> |
| <td id="one">B</td> |
| </tr> |
| <tr> |
| <td id="five">Y</td> |
| </tr> |
| </table> |
| </body> |
| </html> |
