> Jeff wrote:
> JS> Those properties are not applicable to SVG elements. See the
> JS> list of CSS properties that can be applied to SVG elements here:
> JS> http://www.w3.org/TR/2010/WD-SVG11-20100622/styling.html#SVGStylingProperties
>
>
> KA> That is what I thought. However, the problem area is putting
> KA> the svg tag inside an html5 document. You can then apply
> KA> background-color, borders, etc....
>
> I believe you are mixing up "set on" and "apply to".
>
> Properties can be *set* on any element:
>
> body, p, svg, g, circle { border: thick solid green }
>
> Whether that property *applies to* a given element is a different matter. For example, the properties which affect the CSS box model (like border, background, etc) don't apply to elements which are not rendered using a box model.
Doesn't the svg element inserted into an HTML5 document follow the box model to some extent?
Meaning, when included in an HTML5 document, it would be vaild for border and background to apply to the topmost svg element?
... and if so, wouldn't it confuse the handling of pointer-events -- since pointer events only apply to graphical elements (which svg is not)... but by applying a background you are suddenly making the svg element graphical (with, perhaps, unclear behavior)?