mozilla

Compare Revisions

use

Change Revisions

Revision 427431:

Revision 427431 by Jeremie on

Revision 474345:

Revision 474345 by seth on

Title:
use
use
Slug:
Web/SVG/Element/use
Web/SVG/Element/use
Tags:
"SVG Element", "SVG", "NeedsBrowserCompatibility", "SVG Reference", "NeedsExample"
"SVG Element", "SVG", "SVG Reference", "NeedsBrowserCompatibility", "NeedsExample"
Content:

Revision 427431
Revision 474345
t11      The <code>use</code> element takes nodes from within the SVt11      The <code>use</code> element takes nodes from within the SV
>G document, and duplicates them somewhere else. The effect is the>G document, and duplicates them somewhere else. The effect is the
> same as if the nodes were deeply cloned into a non-exposed DOM, > same as if the nodes were deeply cloned into a non-exposed DOM, 
>and then pasted where the <code>use</code> element is, much like >and then pasted where the <code>use</code> element is, much like 
>anonymous content and XBL. Since the cloned nodes are not exposed>anonymous content and XBL. Since the cloned nodes are not exposed
>, care must be taken when using <a href="/en/CSS" title="en/CSS">>, care must be taken when using <a href="/en/CSS" title="en/CSS">
>CSS</a> to style a <code>use</code> element its hidden descendant>CSS</a> to style a <code>use</code> element and its hidden descen
>s. CSS attributes are not guaranteed to be inherited by the hidde>dants. CSS attributes are not guaranteed to be inherited by the h
>n, cloned DOM (unless you explicitly tell them to <a href="/en/CS>idden, cloned DOM unless you explicitly request it using <a href=
>S/inheritance" title="en/CSS/inheritance">inheritance</a>).>"/en/CSS/inheritance" title="en/CSS/inheritance">CSS inheritance<
 >/a>.
12    </p>
13    <p>12    </p>
13    <p>
14      For security reasons, some browsers could apply a same-orig14      For security reasons, some browsers could apply a same-orig
>in policy on <code>use</code> elements and could refuse to load c>in policy on <code>use</code> elements and could refuse to load a
>ross-origin URI within the <code>xlink:href</code> attribute.> cross-origin URI within the <code>xlink:href</code> attribute.

Back to History