blob: 22b1044a4f43223cf573cc6708fa19b7e38390e2 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>CSS1 Test Suite: 5.5.1n border-*</TITLE>
<META http-equiv="Content-Style-Type" content="text/css">
</HEAD>
<BODY>
<br>
<hr>
<h3>border-top</h3>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border-top: green 10px solid;"</code>.</p>
<TABLE cellspacing="5" border>
<TR>
<TD style="border-top: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green top border.
</TD>
</TR>
<TR>
<TD style="border-top: green 10px solid;">Cell one</TD><TD style="border-top: green 10px solid;">Cell two
<TABLE border><TR><TD style="border-top: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has *no* <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border-top: green 10px solid;"</code>.</p>
<TABLE cellspacing="5">
<TR>
<TD style="border-top: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green top border.
</TD>
</TR>
<TR>
<TD style="border-top: green 10px solid;">Cell one</TD><TD style="border-top: green 10px solid;">Cell two
<TABLE><TR><TD style="border-top: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<hr>
<h3>border-right</h3>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border-right: green 10px solid;"</code>.</p>
<TABLE cellspacing="5" border>
<TR>
<TD style="border-right: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green right border.
</TD>
</TR>
<TR>
<TD style="border-right: green 10px solid;">Cell one</TD><TD style="border-right: green 10px solid;">Cell two
<TABLE border><TR><TD style="border-right: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border-right: green 10px solid;"</code>.</p>
<TABLE cellspacing="5">
<TR>
<TD style="border-right: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green right border.
</TD>
</TR>
<TR>
<TD style="border-right: green 10px solid;">Cell one</TD><TD style="border-right: green 10px solid;">Cell two
<TABLE><TR><TD style="border-right: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<hr>
<h3>border-bottom</h3>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border-bottom: green 10px solid;"</code>.</p>
<TABLE cellspacing="5" border>
<TR>
<TD style="border-bottom: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green bottom border.
</TD>
</TR>
<TR>
<TD style="border-bottom: green 10px solid;">Cell one</TD><TD style="border-bottom: green 10px solid;">Cell two
<TABLE border><TR><TD style="border-bottom: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has *no* <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border-bottom: green 10px solid;"</code>.</p>
<TABLE cellspacing="5">
<TR>
<TD style="border-bottom: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green bottom border.
</TD>
</TR>
<TR>
<TD style="border-bottom: green 10px solid;">Cell one</TD><TD style="border-bottom: green 10px solid;">Cell two
<TABLE><TR><TD style="border-bottom: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<hr>
<h3>border-left</h3>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border-left: green 10px solid;"</code>.</p>
<TABLE cellspacing="5" border>
<TR>
<TD style="border-left: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green left border.
</TD>
</TR>
<TR>
<TD style="border-left: green 10px solid;">Cell one</TD><TD style="border-left: green 10px solid;">Cell two
<TABLE border><TR><TD style="border-left: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has *no* <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border-left: green 10px solid;"</code>.</p>
<TABLE cellspacing="5">
<TR>
<TD style="border-left: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green left border.
</TD>
</TR>
<TR>
<TD style="border-left: green 10px solid;">Cell one</TD><TD style="border-left: green 10px solid;">Cell two
<TABLE><TR><TD style="border-left: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<hr>
<h3>border</h3>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border: green 10px solid;"</code>.</p>
<TABLE cellspacing="5" border>
<TR>
<TD style="border: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green border.
</TD>
</TR>
<TR>
<TD style="border: green 10px solid;">Cell one</TD><TD style="border: green 10px solid;">Cell two
<TABLE border><TR><TD style="border: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
<br>
<p style="font-weight: bold;"><code>&lt;table&gt;</code> has *no* <code>border</code> attribute;
<code>&lt;td&gt;</code> have <code>style="border: green 10px solid;"</code>.</p>
<TABLE cellspacing="5">
<TR>
<TD style="border: green 10px solid;" colspan="2">Every cell in this table should have a 10-pixel solid green border.
</TD>
</TR>
<TR>
<TD style="border: green 10px solid;">Cell one</TD><TD style="border: green 10px solid;">Cell two
<TABLE><TR><TD style="border: green 10px solid;">Nested single-cell table!</TD></TR></TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>