Welcome to WebmasterWorld Guest from 54.167.61.200

Forum Moderators: not2easy

Message Too Old, No Replies

Simplify Border CSS

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 12, 2001
posts:1150
votes: 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;
4:32 am on May 6, 2012 (gmt 0)

New User

joined:Apr 15, 2012
posts: 7
votes: 0


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

This saves one line of code :)
4:47 am on May 6, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 12, 2001
posts:1150
votes: 0


Cool, thanks much.
5:25 pm on May 6, 2012 (gmt 0)

Senior Member from US 

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

joined:Oct 17, 2005
posts:4986
votes: 12


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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members