From 7040e4bc9c98e0c50ce903a5cbeeabeda2ed908a Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:27 +0100 Subject: move *.html to *.md --- files/fr/web/svg/element/use/index.html | 104 -------------------------------- 1 file changed, 104 deletions(-) delete mode 100644 files/fr/web/svg/element/use/index.html (limited to 'files/fr/web/svg/element/use/index.html') diff --git a/files/fr/web/svg/element/use/index.html b/files/fr/web/svg/element/use/index.html deleted file mode 100644 index fc4572cb94..0000000000 --- a/files/fr/web/svg/element/use/index.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: -slug: Web/SVG/Element/use -translation_of: Web/SVG/Element/use ---- -
{{SVGRef}}
- -

L'élement <use> permet la duplication de nodes (noeuds du DOM, NDR) définis par <defs> afin de les insérer par ailleurs. L'effet est le même que si les noeuds étaient créés dans une partie non-rendue (au sens de non-affichée) au sein du DOM puis "clonés"  là où est utilisé l'élément use tel que le permet les éléments de gabarit grâce à HTML5.
-
- Puisque les noeuds clonés par use ne sont pas exposés, vous devez être attentif lorsque vous utilisez des règles de style CSS sur l'élément use et ses enfants "cachés". En effet les attributs CSS ne sont pas garantis d'être hérités lorsqu'ils seront clonés si vous n'explicitez pas correctement les héritages CSS.

- -

Pour des raisons de sécurité, certains navigateurs peuvent appliquer la politique de même-origine (c'est-à-dire le couple domaine et port identiques) pour l'élément use ce qui peut conduire à un refus de charger une URI depuis une origine différente conernant l'attribut {{SVGAttr("href")}}.

- -
-

Attention : Depuis la version de SVG 2, l'attribut {{SVGAttr("xlink:href")}} est obsolète. Voir la page {{SVGAttr("xlink:href")}} pour plus d'informations.

-
- -

Contexte d'usage

- -

{{svginfo}}

- -

Attributs

- -

Attributs globaux

- - - -

Attributs spécifiques

- - - -

Interface DOM

- -

Cet élément est implanté par l'interface {{domxref("SVGUseElement")}}.

- -

Exemple

- -
<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink">
-  <style>
-    .classA {
-      fill: red;
-    }
-  </style>
-  <defs>
-    <g id="Port">
-      <circle style="fill: inherit;" r="10"/>
-    </g>
-  </defs>
-
-  <text y="15">black</text>
-  <use x="50" y="10" href="#Port" />
-  <text y="35">red</text>
-  <use x="50" y="30" href="#Port" class="classA"/>
-  <text y="55">blue</text>
-  <use x="50" y="50" href="#Port" style="fill: blue;"/>
-</svg>
-
- -

{{EmbedLiveSample("Exemple", 80, 80)}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('SVG2', 'struct.html#UseElement', '<use>')}}{{Spec2('SVG2')}} 
{{SpecName('SVG1.1', 'struct.html#UseElement', '<use>')}}{{Spec2('SVG1.1')}}Initial definition
- -

Compatibilité des navigateurs

- -

{{Compat("svg.elements.use")}}

-- cgit v1.2.3-54-g00ecf