I was trying to design a table in HTML with thin borders I searched for various tutorials and the information was very sketchy. I did a quick search in my visual web developer express and found two very useful style properties:
style="border-width:parameter ;"
Examples of parameters in border-width:
Medium; Thin; or Thick; you will use to get the desired width in your border
Inherit; you will use when you are nesting tables and you want the child table to inherit this property from the father table
style="border-collapse:parameter ;"
Examples of parameter in border-collapse:
Collapse; Join Borders together this will make your border thinner
Separate; Lets Border separate about 1 px
Inherit; You will use when you are nesting tables and you want the child table to inherit this property from the father table
If you apply both you will obtain a very thin border around your table an example of how I typically do my table layout:
|
<table align="center" border="1" cellpadding="0" cellspacing="0" width="900px" style="border-width:thin; border-collapse:collapse;"> |