Question

I’m making a simple tabbed interface out of divs. Can someone offer a way of making a div have a bottom border width of 0px, otherwise I get a 1px gap between the tab div and the tab content. Do I use border-left, border-right and border-top instead of border and border-bottom: 0px;?

Thanks,

James

Answer 1

You can use:

border-width: 1px;
border-bottom-width: 0px;

Sets all to 1px and then overrides the bottom to 0px.

Also valid is the shorthand:

border-width: 1px 1px 0 1px;

Where the third value is the bottom width (top, right, bottom, left)