W3C home > Mailing lists > Public > www-svg@w3.org > August 2010

RE: How does the svg element handle CSS border and background-color?

From: Kevin Ar18 <kevinar18@hotmail.com>
Date: Wed, 18 Aug 2010 20:57:20 -0400
Message-ID: <SNT110-W475F354275B11061B5151AA9E0@phx.gbl>
CC: <www-svg@w3.org>

After considering it, I tend to agree with the assesment, seeing as the HTML5 spec defines the svg element as being in the SVG Namespace.  However, there is confusion about the finer details of how svg should embed into html; there are various bugs in each browser... and the Gecko implementers seem to have a different view regarding the spec and implementation.
 
I would like to submit a "clarification note" for the SVG and HTML5 spec -- so, that there is no question what the spec means on some of the issues, as well as to make it easier for me to convince the implementers of the right way to implement the spec (instead of having to argue over it).
Would the mailing list be a good first place to submit a proposal (regarding the SVG spec), or should I go directly to the w3 bug system?

 


From: codedread@gmail.com
Date: Wed, 18 Aug 2010 14:58:20 -0700
To: kevinar18@hotmail.com
CC: www-svg@w3.org
Subject: Re: How does the svg element handle CSS border and background-color?

My interpretation: putting it inside a HTML5 document is no different than putting it inside a XHTML document which is no different than referencing it in a <object> and having all documents reference the same CSS file:  applying a border CSS property to any SVG element has no visual effect.


<div style='border: 1px solid green'>
  <svg style='border: 1px dashed red'>
    ...
  </svg>
</div>


The div will only have a green solid border.  No red should be visible.  This has the same visual effect as:


  <object style='border: 1px solid green' data='foo.svg'/>


I guess I'm not understanding your confusion.


Also, this is a SVG-CSS issue (with behavior already clearly specified in the link I provided).  It has nothing to do with HTML5 as far as I can tell.


Regards,
Jeff Schiller



On Wed, Aug 18, 2010 at 2:34 PM, Kevin Ar18 <kevinar18@hotmail.com> wrote:




Those properties are not applicable to SVG elements. See the list of CSS properties that can be applied to SVG elements here: http://www.w3.org/TR/2010/WD-SVG11-20100622/styling.html#SVGStylingProperties

 
That is what I thought.  However, the problem area is putting the svg tag inside an html5 document.  You can then apply background-color, borders, etc....
Several questions:
* Should the HTML5 spec forbid applying non-svg properties to the svg element when embedded in an html5 document?  (I'm not sure if this would work though)
 
* Should the CSS properties be allowed, but with special conditions?

 		 	   		  
Received on Thursday, 19 August 2010 00:57:54 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:45 GMT