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 rowspa
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 rowspan="2"></td> |
| 14 <td style="border-left: 1px solid red"></td> |
| 15 </tr> |
| 16 <tr> |
| 17 <td></td> |
| 18 </tr> |
| 19 </table> |
| 20 <table border="1" style="border-collapse : collapse;"> |
| 21 <tr> |
| 22 <td rowspan="2" style="border-right: 1px solid blue"></td> |
| 23 <td style="border-left: 2px solid red"></td> |
| 24 </tr> |
| 25 <tr> |
| 26 <td></td> |
| 27 </tr> |
| 28 </table> |
| 29 <br/> |
| 30 <p> Tests for verifying the existing behavior. Blue border should be displayed f
or both the cells. </p> |
| 31 <table border="1" style="border-collapse : collapse;"> |
| 32 <tr> |
| 33 <td rowspan="2" style="border-right: 1px solid blue"></td> |
| 34 <td style="border-left: 1px solid red"></td> |
| 35 </tr> |
| 36 <tr> |
| 37 <td></td> |
| 38 </tr> |
| 39 </table> |
| 40 <table border="1" style="border-collapse : collapse;"> |
| 41 <tr> |
| 42 <td rowspan="2" style="border-right: 2px solid blue"></td> |
| 43 <td style="border-left: 1px solid red"></td> |
| 44 </tr> |
| 45 <tr> |
| 46 <td></td> |
| 47 </tr> |
| 48 </table> |
| 49 <br/> |
| 50 <p> Red, green and blue colored borders should be displayed per cell. </p> |
| 51 <table border="1" style="border-collapse : collapse;"> |
| 52 <tr> |
| 53 <td rowspan="3"></td> |
| 54 <td style="border-left: 2px solid red"></td> |
| 55 </tr> |
| 56 <tr> |
| 57 <td style="border-left: 2px solid green"></td> |
| 58 </tr> |
| 59 <tr> |
| 60 <td style="border-left: 2px solid blue"></td> |
| 61 </tr> |
| 62 </table> |
| 63 <br/> |
| 64 <p> There should not be any red border in the following table. </p> |
| 65 <table border="1" style="border-collapse : collapse;"> |
| 66 <tr> |
| 67 <td rowspan="3" style="border-right: hidden;"></td> |
| 68 <td style="border-left: 2px solid red;"></td> |
| 69 <td></td> |
| 70 </tr> |
| 71 <tr> |
| 72 <td rowspan="2" style="border-left: 2px solid red;"></td> |
| 73 <td></td> |
| 74 </tr> |
| 75 <tr> |
| 76 <td></td> |
| 77 </tr> |
| 78 </table> |
| 79 <br/> |
| 80 <p> There should not be any red border in the following table. </p> |
| 81 <table border="1" style="border-collapse : collapse;"> |
| 82 <tr> |
| 83 <td style="border-right: 2px solid red;" rowspan="2"></td> |
| 84 <td style="border-left: 3px solid green;" rowspan="2"></td> |
| 85 <td></td> |
| 86 </tr> |
| 87 <tr> |
| 88 <td></td> |
| 89 </tr> |
| 90 </table> |
| 91 </body> |
| 92 </html> |
OLD | NEW |