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

HTML SVG Basics SVG and CSS Responsive SVGs

kabir k
PLUS
kabir k
Courses Plus Student 18,036 Points
Posted by kabir k
kabir k
Courses Plus Student 18,036 Points

CSS properties not recognized by Workspaces

While styling the SVG elements in CSS, I noticed that some of the CSS properties that we applied to our SVG are marked in red and the instructor said it's because workspaces doesn't recognized them.

Why doesn't workspaces recognize them?

1 Answer

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

I believe it is because the property is actually an SVG styling (presentation) property that is shared with CSS and not actually a CSS property. The 'opacity' property Nick uses was not even defined in CSS2.

If you want more information on SVG styling properties you can read more here: http://www.w3.org/TR/SVG/styling.html

Hope that clears it up for you. :)

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

I also had a similar question. But now my question is more along the lines of: "Why doesn't workspaces use CSS3?" :)

Nevermind! I thought I saw opacity in red. And I was half right... it was stroke-opacity. Kindly ignore my comment :)