| <!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><table></code> has <code>border</code> attribute; |
| <code><td></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><table></code> has *no* <code>border</code> attribute; |
| <code><td></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><table></code> has <code>border</code> attribute; |
| <code><td></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><table></code> has <code>border</code> attribute; |
| <code><td></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><table></code> has <code>border</code> attribute; |
| <code><td></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><table></code> has *no* <code>border</code> attribute; |
| <code><td></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><table></code> has <code>border</code> attribute; |
| <code><td></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><table></code> has *no* <code>border</code> attribute; |
| <code><td></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><table></code> has <code>border</code> attribute; |
| <code><td></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><table></code> has *no* <code>border</code> attribute; |
| <code><td></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> |