Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML SVG Basics SVG and CSS Responsive SVGs

kabir k
PLUS
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,631 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

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 :)