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! While you're at it, check out some resources Treehouse students have shared here.

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

CSS CSS Basics (2014) Basic Selectors ID Selectors

Fung How Lim
Fung How Lim
2,402 Points

difference between 3px solid red and solid 10px orange?

Hi there,

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.

Best, S.

1 Answer

Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

Hey Steve,

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.

Keep coding! :dizzy: