listing of all table-related css variables

where can i find a listing of all table-related css variables?

i'm not even sure if there are table-related css variables, but it would be nice to set cellspacing and cellpadding only once at the top of the html file.

thx,

There are some specific Table attributes:
http://www.blooberry.com/indexdot/c...index/table.htm

but you can use attributes from other properties, e.g. Colour & Background, BOX, Text, Positioning.

http://builder.cnet.com/webbuilding....ref_l.bl_table
http://www.webreview.com/style/css1...astergrid.shtml

http://webref.info

select css from the left frame

find the tables section.

i'm having problems implementing multiple table css's. i can do it for just one table, like this:

<style>
TABLE
{
border: ffffff 1px solid;
FONT-SIZE: 8pt;
COLOR: ffffff;
FONT-FAMILY: verdana, arial, ms sans serif;
background-color: midnightblue;
}
TH
{
padding: 5px;
border-bottom: ffffff 1px solid;
background-color: darkblue;
}
TD
{
padding: 5px;
background-color: darkblue;
}
-->
</style>

but how do i make seperate table/th/td properties for use in another table?

i know it has something to do with classes (which i have implemented no problem for fonts) but i have no idea how to do it for tables.

you can assingn a pseudo class to the CSS.



You could just use

but using TD.red means that you can use the name red for other styles aswell, such as TABLE.red, TH.red etc.

so your top example makes all TD's red (by default), and gives you the ability to use .red elsewhere.

and the bottom example makes nothing red, and gives you the ability to use .red elsewhere.

am i right?


so i can't make 2 classes, with each class having 'table', 'th', and 'td' properties all in the same class? in other words, i can't use code such as this: <table class="firstclass" ...> to define properties in 'th' and 'td' as well as 'table'?

TD {background-color: red}
This would effect all TD's.

TD.red {background-color: red}
Using TD.red is a specific class for TD's.
This will only effect TD's that are assigned the class.
e.g. <TD Style="red">



example
----------

<style>
TD {background-color: green}
TD.red {background-color: red}
TD.blue {background-color: blue}
</style>

<table>
<tr>
<td>This cell has no assigned style. It will default to Green</td>
<td style="red">This cell is red</td>
<td style="blue">This cell is blue</td>
</tr>
</table>

excellent, thanks for your help.