Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(83)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-rowspan.html

Issue 2791433003: Fix Border collapsing with colpsan / rowspan cells
Patch Set: bug 2902 Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698