Welcome to WebmasterWorld Guest from 54.226.194.180

Forum Moderators: not2easy

Message Too Old, No Replies

Simplify Border CSS

     

jk3210

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

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



Cool, thanks much.

Fotiman

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

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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

Featured Threads

Hot Threads This Week

Hot Threads This Month