Forum Moderators: not2easy

Message Too Old, No Replies

Add border to bottom and right for a class

         

AffiliateDreamer

8:26 pm on Aug 14, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi,

say I have a class named cell

.cell
{
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
}

Is it possible to combine both statements into one?

Sort of how padding/margin: 0 0 0 0 (top right bottom left)
can be combined to margin: 0 0 top/bottom right/left

?

DrDoc

8:32 pm on Aug 14, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Not possible. The
border
shorthand affects all sides. You would still need a minimum of two rules:

border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;

or

border: 1px solid #efefef;
border-width: 0 1px 1px 0;

[edited by: DrDoc at 8:33 pm (utc) on Aug. 14, 2008]