CSS: define table border [Resolved]

[ober0330]

How do you define a table border in CSS? I'm trying to do a class to make the top and bottom border of my table be a single thin line and I'm having no luck:

 .test {border: 0px;1px;0px;1px;}

[ober0330]

Got it:

.tbl {
	  border-top: 1px solid Black;
     border-right: 0px solid White;
     border-bottom: 1px solid Black;
     border-left: 0px solid White;
}

[techgnome]

Originally posted by ober0330
Got it:

.tbl {
	  border-top: 1px solid Black;
     border-right: 0px solid White;
     border-bottom: 1px solid Black;
     border-left: 0px solid White;
}

Since you've specified no border on the right or left, the solid white is unnecessary, and infact can be shortened to the following:

.tbl {
     border: 1px 0px 1px 0px solid Black;
}

It'll load faster that way.

TG

[ober0330]

Actually, your suggestion doesn't work at all, but I can take out the white borders and it works.