Introduce an experimental feature to toggle WebRTC socket proxying
[WebKit-https.git] / LayoutTests / tables / mozilla / collapsing_borders / bug41262-3.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
2 <!-- saved from url=(0063)http://bugzilla.mozilla.org/attachment.cgi?id=69028&action=view -->
3 <HTML><HEAD><TITLE>Collapsing Border Test Case</TITLE>
4 <META http-equiv=Content-Type content="text/html; charset=iso-8859-15">
5 <STYLE type=text/css>TABLE {
6         MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em
7 }
8 TABLE.test1 {
9         BORDER-RIGHT: red 5px solid; BORDER-TOP: red 5px solid; BORDER-LEFT: red 5px solid; BORDER-BOTTOM: red 5px solid; BORDER-COLLAPSE: collapse; border-spacing: 5px
10 }
11 TABLE.test1 TD {
12         BORDER-RIGHT: green 4px solid; BORDER-TOP: green 4px solid; BORDER-LEFT: green 4px solid; BORDER-BOTTOM: green 4px solid
13 }
14 TABLE.test1 TD.cell3 {
15         BORDER-RIGHT: blue 6px solid; BORDER-TOP: blue 6px solid; BORDER-LEFT: blue 6px solid; BORDER-BOTTOM: blue 6px solid
16 }
17 TABLE.test2 #col1 {
18         BORDER-RIGHT: black 3px solid; BORDER-TOP: black 3px solid; BORDER-LEFT: black 3px solid; BORDER-BOTTOM: black 3px solid
19 }
20 TABLE.test2 TD {
21         BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: red 1px solid; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; BORDER-LEFT: red 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: red 1px solid
22 }
23 TABLE.test2 TD.solid-blue {
24         BORDER-RIGHT: blue 5px dashed; BORDER-TOP: blue 5px dashed; BORDER-LEFT: blue 5px dashed; BORDER-BOTTOM: blue 5px dashed
25 }
26 TABLE.test2 TD.solid-green {
27         BORDER-RIGHT: green 5px solid; BORDER-TOP: green 5px solid; BORDER-LEFT: green 5px solid; BORDER-BOTTOM: green 5px solid
28 }
29 TABLE.test2 {
30         BORDER-RIGHT: yellow 5px solid; BORDER-TOP: yellow 5px solid; BORDER-LEFT: yellow 5px solid; BORDER-BOTTOM: yellow 5px solid; BORDER-COLLAPSE: collapse
31 }
32 TABLE.test3 {
33         BORDER-COLLAPSE: collapse
34 }
35 TABLE.test3 TR {
36         BORDER-TOP: black 2px solid
37 }
38 TABLE.test3 TR:unknown {
39         BORDER-TOP-STYLE: none
40 }
41 TABLE.test3 TD {
42         FONT-WEIGHT: bolder; WIDTH: 3em; TEXT-ALIGN: center
43 }
44 </STYLE>
45
46 <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
47 <BODY>
48 <P>Following table should have 6px solid blue border around cell 3, red 5px 
49 solid border around the rest of table and green 4px solid border between cell 1 
50 and cell 2. The red border should override the green border around the cells 
51 because it's thicker and the blue border should override the red border for the 
52 same reason. </P>
53 <TABLE class=test1>
54   <TBODY>
55   <TR>
56     <TD>Cell #1</TD>
57     <TD>Cell #2</TD>
58     <TD class=cell3>Cell #3</TD></TR></TBODY></TABLE>
59 <P>See <A 
60 href="http://www.w3.org/TR/REC-CSS2/tables.html#collapsing-borders">17.6.2 The 
61 collapsing border model</A> for following tests: </P>
62 <TABLE class=test2>
63   <COLGROUP>
64   <COL id=col1>
65   <COL id=col2>
66   <COL id=col3>
67   <TBODY>
68   <TR id=row1>
69     <TD>1</TD>
70     <TD>2</TD>
71     <TD>3</TD></TR>
72   <TR id=row2>
73     <TD>4</TD>
74     <TD class=solid-blue>5</TD>
75     <TD class=solid-green>6</TD></TR>
76   <TR id=row3>
77     <TD>7</TD>
78     <TD>8</TD>
79     <TD>9</TD></TR>
80   <TR id=row4>
81     <TD>10</TD>
82     <TD>11</TD>
83     <TD>12</TD></TR>
84   <TR id=row5>
85     <TD>13</TD>
86     <TD>14</TD>
87     <TD>15</TD></TR></TBODY></TABLE>
88 <P>This is an example rendering for the previous table from <A 
89 href="../images/tbl-border-conflict.gif">http://www.w3.org/TR/REC-CSS2/images/tbl-border-conflict.gif</A>:<BR><IMG alt="[Example rendering from w3.org]" 
90 src="./images/tbl-border-conflict.gif"> </P>
91 <P>Following table should have 2px solid black line between rows. There should 
92 be a total of two lines. There will be three lines if user agent doesn't support 
93 <CODE>tr:first-child</CODE>. </P>
94 <TABLE class=test3>
95   <TBODY>
96   <TR>
97     <TD>a</TD>
98     <TD>b</TD>
99     <TD>c</TD></TR>
100   <TR>
101     <TD>3</TD>
102     <TD>4</TD>
103     <TD>5</TD></TR>
104   <TR>
105     <TD>5</TD>
106     <TD>12</TD>
107     <TD>13</TD></TR></TBODY></TABLE></BODY></HTML>