homepage Welcome to WebmasterWorld Guest from 54.205.106.111
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Simplify Border CSS
jk3210




msg:4449962
 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




msg:4449968
 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




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

Cool, thanks much.

Fotiman




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved