gecko/layout/html/tests/table/core/backgrounds.html

281 lines
5.2 KiB
HTML

<html><body>
<BR>
table - color
<table cellspacing=6 bgcolor=orange border>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - image
<table cellspacing=6 background="../images/box1.gif" border>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - color, image
<table cellspacing=6 background="../images/box1.gif" bgcolor=orange border>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
cell - color
<table cellspacing=6 border>
<tr>
<td bgcolor=#FF55DD>foo</td>
<td>bar</td></tr>
</table>
<BR>
cell - image
<table cellspacing=6 border>
<tr>
<td background="../images/box2.gif">foo</td>
<td>bar</td></tr>
</table>
<BR>
cell - color, image
<table cellspacing=6 border>
<tr>
<td background="../images/box2.gif" bgcolor=#FF55DD>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - color; cell - color
<table cellspacing=6 bgcolor=orange border>
<tr>
<td bgcolor=#FF55DD>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - image; cell - color
<table cellspacing=6 background="../images/box1.gif" border>
<tr>
<td bgcolor=#FF55DD>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - image; cell - image
<table cellspacing=6 background="../images/box1.gif" border>
<tr>
<td background="../images/box2.gif">foo</td>
<td>bar</td></tr>
</table>
<BR>
row group color
<table cellspacing=6 border>
<tbody style="background-color: red;">
<tr>
<td>foo</td>
<td>bar</td></tr>
</tbody>
</table>
<BR>
row group color
<table cellspacing=6 border>
<tbody style="background-color: red;">
<tr>
<td>foo</td>
<td>bar</td></tr>
</tbody>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
row color
<table cellspacing=6 border>
<tr bgcolor=red>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
row color
<table cellspacing=6 border>
<tr bgcolor=red>
<td>foo</td>
<td>bar</td></tr>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
row image
<table cellspacing=6 border>
<tr background="..\images\box3.gif">
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - color, row color
<table cellspacing=6 bgcolor=orange border>
<tr bgcolor=red>
<td>foo</td>
<td>bar</td></tr>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - image, row color
<table cellspacing=6 background="../images/box1.gif" border>
<tr bgcolor=red>
<td>foo</td>
<td>bar</td></tr>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - color; row image
<table cellspacing=6 bgcolor=orange border>
<tr background="..\images\box3.gif">
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - image, row image
<table cellspacing=6 background="../images/box1.gif" border>
<tr background="../images/box3.gif">
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - color; row color; cell color
<table cellspacing=6 bgcolor=orange border>
<tr bgcolor=red>
<td bgcolor=#FF55DD>foo</td>
<td>bar</td></tr>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - image; row color; cell color
<table cellspacing=6 background="../images/box1.gif" border>
<tr bgcolor=red>
<td bgcolor=#FF55DD>foo</td>
<td>bar</td></tr>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - color; row image; cell color
<table cellspacing=6 bgcolor=orange border>
<tr background="..\images\box3.gif">
<td bgcolor=#FF55DD>foo</td>
<td>bar</td></tr>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - color; row color; cell image
<table cellspacing=6 bgcolor=orange border>
<tr bgcolor=red>
<td background="../images/box2.gif">foo</td>
<td>bar</td></tr>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
col group color
<table cellspacing=6 border>
<colgroup style="background-color: red;">
<col>
</colgroup>
<tr>
<td>foo</td></tr>
</table>
<BR>
col color
<table cellspacing=6 border>
<col style="background-color: red;">
<tr>
<td>foo</td></tr>
</table>
<BR>
table - image; row image; cell image
<table cellspacing=6 background="../images/box1.gif" border>
<tr background="../images/box3.gif">
<td background="../images/box2.gif">foo</td>
<td>bar</td></tr>
<tr>
<td>foo</td>
<td>bar</td></tr>
</table>
<BR>
table - color, tbodies color, row color
<table style="padding:6px;" cellspacing=4 bgcolor=orange border>
<tbody bgcolor=red>
<tr bgcolor=yellow>
<td>foo</td></tr>
<tr>
<td>foo</td></tr>
</tbody>
<tbody bgcolor=green>
<tr bgcolorx=green>
<td>foo</td>
</tr>
</tbody>
</table>
<BR>
col image
<table style="padding:6px;" cellspacing=4 border>
<col style="background-image: url(../images/box1.gif); background-color:red">
<tr>
<td>foo</td><td>bar</td></tr>
<tr>
<td>foo</td><td>bar</td></tr>
</table>
<BR>
table color; col group color; col color; row color; cell color
<table bgcolor=orange cellspacing=4 border>
<colgroup style="background-color: #FF0000">
<col style="background-color: #FF9999;">
<col>
</colgroup>
<colgroup style="background-color: #0000FF">
<col>
<col style="background-color: #9999FF;">
</colgroup>
<tr style="background-color: yellow;">
<td>foo</td><td style="background-color: orange;">bar</td><td>foo</td><td>bar</td></tr>
<tr>
<td>foo</td><td>bar</td><td>foo</td><td>bar</td></tr>
<tr>
<td>foo</td><td>bar</td><td>foo</td><td>bar</td></tr>
</table>
-->
</body></html>