Toggle navigation
Dashboard
Dashboard Tracker
Add / Edit My Forums
System Announcements
Discussion
Active Thread Feed
Top Threads Today
Top Threads This Week
Top Threads Library
Go!
View All
View All
Login
Logout
Home
Forums Index
Browser Side
/
CSS
10:09 am Jul 2, 2026
This page requires javascript.
Forum Moderators:
not2easy
Message Too Old, No Replies
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.
Join The Conversation
Register
For Free! -
Become a
Pro Member
!
See forum categories
-
Enter the Forum
Moderators and Top Contributors
Moderator List
| Top Contributors:
This Week
,
This Month
,
Jun
,
May
,
Archive
,
Top 100 All Time
,
Top Voted Members
Hot Threads This Week
June 2026 Google Search Observations
AdSense Earnings and Observations - June 2026
July 2026 Google Search Observations
Do anything special today?
AdSense Earnings and Observations - July 2026
Good Bye AdWords - or whatever you call it these days
Interesting set of hits using forged searchbot User Agents
Home
Forums Index
Browser Side
/
CSS
10:09 am Jul 2, 2026