Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.Start your free trial
Fung How Lim2,402 Points
difference between 3px solid red and solid 10px orange?
This is Steve, a n00b in coding, hoping you could help me out with this;
I noticed that the code is a little different on top;
Guil wrote border: 3px solid red, then for border-bottom he wrote solid 10px orange.
Is there a significant difference to where you wrote solid and 10 px? I do know that the placing is top right bottom and left.. but what's the difference for putting 3px solid red, and solid 10px orange?
Thank you so much, looking forward to your feedback.
Jason AndersTreehouse Moderator 145,840 Points
If I remember correctly (and I could be wrong), I believe with the border shorthand, the order doesn't actually matter, because all 3 are very different value types and can be interpreted by the browser in any order. I've searched for you, but cannot find any documentation that illustrates this. All examples I came across shows the common and accepted practice of
width style color.
This syntax is all I've used, but I have occasionally seen some in different order. My suggestion is to just stick with the most accepted way. e.g
10px solid orange.