| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <style> |
| 4 td { width: 20px; height: 20px;} |
| 5 </style> |
| 6 <body> |
| 7 <p>Test for Bugzilla <a href="https://bugs.webkit.org/show_bug.cgi?id=5515">Bug
5515</a>: Border collapse problem with rowspan/colspan cells.</p> |
| 8 <p>The following tests verify the border-collapse behavior on tables with colspa
n.</p> |
| 9 |
| 10 <p> No continuous red border should be displayed for the following two tables. <
/p> |
| 11 <table border="1" style="border-collapse : collapse;"> |
| 12 <tr> |
| 13 <td colspan="2"></td> |
| 14 </tr> |
| 15 <tr> |
| 16 <td style="border-top: 2px solid red"></td> |
| 17 <td></td> |
| 18 </tr> |
| 19 </table> |
| 20 <table border="1" style="border-collapse : collapse;"> |
| 21 <tr> |
| 22 <td colspan="2" style="border-bottom: 1px solid blue"></td> |
| 23 </tr> |
| 24 <tr> |
| 25 <td style="border-top: 2px solid red"></td> |
| 26 <td></td> |
| 27 </tr> |
| 28 </table> |
| 29 <br/> |
| 30 |
| 31 <p> Tests for verifying the existing behavior. Blue border should be displayed f
or both the cells. </p> |
| 32 <table border="1" style="border-collapse : collapse;"> |
| 33 <tr> |
| 34 <td colspan="2" style="border-bottom: 1px solid blue"></td> |
| 35 </tr> |
| 36 <tr> |
| 37 <td style="border-top: 1px solid red"></td> |
| 38 <td></td> |
| 39 </tr> |
| 40 </table> |
| 41 <table border="1" style="border-collapse : collapse;"> |
| 42 <tr> |
| 43 <td colspan="2" style="border-bottom: 2px solid blue"></td> |
| 44 </tr> |
| 45 <tr> |
| 46 <td style="border-top: 1px solid red"></td> |
| 47 <td></td> |
| 48 </tr> |
| 49 </table> |
| 50 <br/> |
| 51 <p> Red, green and blue colored borders should be displayed per cell. </p> |
| 52 <table border="1" style="border-collapse : collapse;"> |
| 53 <tr> |
| 54 <td colspan="2"></td> |
| 55 <td colspan="2"></td> |
| 56 </tr> |
| 57 <tr> |
| 58 <td style="border-top: 2px solid red"></td> |
| 59 <td colspan="2" style="border-top: 2px solid green"></td> |
| 60 <td style="border-top: 2px solid blue"></td> |
| 61 </tr> |
| 62 </table> |
| 63 <br/> |
| 64 <p> A red border and a green border should be displayed, each covering the span
of one and a half cells. </p> |
| 65 <table border="1" style="border-collapse : collapse;"> |
| 66 <tr> |
| 67 <td></td> |
| 68 <td colspan="2"></td> |
| 69 <td></td> |
| 70 </tr> |
| 71 <tr> |
| 72 <td colspan="2" style="border-top: 2px solid red"></td> |
| 73 <td colspan="2" style="border-top: 2px solid green"></td> |
| 74 </tr> |
| 75 </table> |
| 76 <br/> |
| 77 <p> There should not be any red border in the following table. </p> |
| 78 <table border="1" style="border-collapse : collapse;"> |
| 79 <tr> |
| 80 <td style="border-bottom: hidden;" colspan="3"></td> |
| 81 </tr> |
| 82 <tr> |
| 83 <td style="border-top: 2px solid red;" colspan="2"></td> |
| 84 <td></td> |
| 85 </tr> |
| 86 </table> |
| 87 <br/> |
| 88 <p> There should not be any red border in the following table. </p> |
| 89 <table border="1" style="border-collapse : collapse;"> |
| 90 <tr> |
| 91 <td style="border-bottom: 2px solid red;" colspan="2"></td> |
| 92 </tr> |
| 93 <tr> |
| 94 <td style="border-top: 3px solid green;" colspan="2"></td> |
| 95 </tr> |
| 96 </table> |
| 97 </body> |
| 98 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2791433003:
Fix Border collapsing with colpsan / rowspan cells
