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
Dominik Sikiric
2,059 Pointsbottom border color at display values lesson
Guil gave few properties to .callout class and one of these properties was border-bottom: 2px solid but he didn't add color... then in browser we saw 2px thick orange border... I am not sure how? we didn't set color of the border
2 Answers
edeharrison
Full Stack JavaScript Techdegree Student 11,127 PointsHi Dominik,
If no border color is set, it inherits the color from the text color, in this case from -
a:link {
color: rgb(255, 169, 73);
}
Hope that helps,
Ede
Travis Ramey
1,631 PointsI was just looking at this. My only questions is how does that no get canceled out by text-decoration:none;? That would cancel out the border no?
edeharrison
Full Stack JavaScript Techdegree Student 11,127 PointsHi Travis,
No, text-decoration is a separate matter so the two won't conflict. You use text-decoration commonly to assign text an underline, as well as an overline (a line above the text) and line-through (a line through the text).
Hope that helps,
Ede
Dominik Sikiric
2,059 PointsDominik Sikiric
2,059 PointsAh I see, I thought it inherits the color from somwhere but didn't know from where :) Thanks
Guil Hernandez
Treehouse TeacherGuil Hernandez
Treehouse TeacherYep, it inherits the parent's color value. Check out 5:50 of this video. :)