Simplify Border CSS

Forum Moderators: not2easy

Message Too Old, No Replies

Simplify Border CSS

jk3210

3:13 am on May 6, 2012 (gmt 0)

I'm trying to create a shadow effect with borders. Is there any way to simplify this...?

border-top: 1px solid #e1e0e0;
border-bottom: 2px solid #c0d2e8;
border-left: 1px solid #e1e0e0;
border-right: 2px solid #c0d2e8;

shingokko

4:32 am on May 6, 2012 (gmt 0)

border-style: solid;
border-width: 1px 2px 2px 1px;
border-color: #e1e0e0 #c0b2e8 #c0b2e8 #e1e0e0;

This saves one line of code :)

jk3210

4:47 am on May 6, 2012 (gmt 0)

Cool, thanks much.

Fotiman

5:25 pm on May 6, 2012 (gmt 0)

You might consider using the box-shadow style, since that's what it's for.