There are three aspects of border color that can be applied. These are :
The dark and light properties are usable in IE5+. Netscape6+ may now render this too, but Netscape4.x does not.
Here is an example page to show the different borders in action. I have 5 tables. I've set the border to 5 for better viewing and understanding.
See the example in action! Click here!
| bordercolor | sets the color of the border, overriding the 3D look of the default border. Bordercolor is a semi-common known property. Many people use it to create a colored border around the table area and it is supported by most updated browsers. |
| bordercolordark | sets the dark component of the 3D look borders. Places in the dark color on the right and bottom sides of the table border. |
| bodercolorlight | sets the light component of the 3D look borders. Places in the light color on the left and top sides of the table border. |
The dark and light properties are usable in IE5+. Netscape6+ may now render this too, but Netscape4.x does not.
Here is an example page to show the different borders in action. I have 5 tables. I've set the border to 5 for better viewing and understanding.
|
<html><body> <table border="5"><tr><td> This is a normal table. </td></tr></table> <br><br> <table border="5" bordercolor="#ff0000"><tr><td> This table has the bordercolor set. </td></tr></table> <br><br> <table border="5" bordercolordark="#ff0000"><tr><td> This table has the dark bordercolor set. </td></tr></table> <br><br> <table border="5" bordercolorlight="#ff0000"><tr><td> This table has the light bordercolor set. </td></tr></table> <br><br> <table border="5" bordercolordark="#ff0000" bordercolorlight="#ff0000"><tr><td> This table has both the dark and light bordercolor set. Notice that it results the same as the regular bordercolor. Have some fun and use different colors in either the dark and light values. </td></tr></table> </body></html> |
