From 88dda3c00eefc18a29447e99ebd3177925602b52 Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:45 +0100 Subject: convert content to md --- files/fr/web/svg/element/stop/index.md | 116 +++++++++++++-------------------- 1 file changed, 47 insertions(+), 69 deletions(-) (limited to 'files/fr/web/svg/element/stop') diff --git a/files/fr/web/svg/element/stop/index.md b/files/fr/web/svg/element/stop/index.md index d5e19bfcff..1cfbc01ce9 100644 --- a/files/fr/web/svg/element/stop/index.md +++ b/files/fr/web/svg/element/stop/index.md @@ -3,96 +3,74 @@ title: slug: Web/SVG/Element/stop translation_of: Web/SVG/Element/stop --- -
{{SVGRef}}
+{{SVGRef}} -

L'élément SVG <stop> définit une couleur supplémentaire dans une palette à utiliser pour un dégradé, et est contenu dans un élément {{SVGElement("linearGradient")}} ou {{SVGElement("radialGradient")}}.

+L'élément [SVG](/fr/docs/Web/SVG) **``** définit une couleur supplémentaire dans une palette à utiliser pour un dégradé, et est contenu dans un élément {{SVGElement("linearGradient")}} ou {{SVGElement("radialGradient")}}. -

Contexte d'utilisation

+## Contexte d'utilisation -

{{svginfo}}

+{{svginfo}} -

Attributs

+## Attributs -

Attributs globaux

+### Attributs globaux - +- [Attributs de base](/fr/docs/Web/SVG/Attribute#Core_attributes) +- [Attributs de présentation](/fr/docs/Web/SVG/Attribute#Presentation_attributes) +- {{SVGAttr("class")}} +- {{SVGAttr("style")}} -

Specific attributes

+### Specific attributes -
    -
  • {{SVGAttr("offset")}}
    • -
  • {{SVGAttr("stop-color")}}
    • -
  • {{SVGAttr("stop-opacity")}}
    • -
+- {{SVGAttr("offset")}} +- {{SVGAttr("stop-color")}} +- {{SVGAttr("stop-opacity")}} -

DOM Interface

+## DOM Interface -

Cet élément implémenté l'interface {{domxref("SVGStopElement")}}.

+Cet élément implémenté l'interface {{domxref("SVGStopElement")}}. -

Exemple

+## Exemple -

SVG

+### SVG -
<svg width="160" height="95" viewBox="0 0 80 40"
-     xmlns="http://www.w3.org/2000/svg">
+```html
+
 
-  <defs>
-    <linearGradient id="MyGradient">
-      <stop offset="5%" stop-color="#F60" />
-      <stop offset="95%" stop-color="#FF6" />
-    </linearGradient>
-  </defs>
+  
+    
+      
+      
+    
+  
 
-  <!-- Contour de la zone de dessin en noir -->
-  <rect fill="none" stroke="black"
-        x="0.5" y="0.5" width="79" height="39"/>
+  
+  
 
-  <!-- Le rectangle est rempli avec un dégradé linéaire -->
-  <rect fill="url(#MyGradient)" stroke="black" stroke-width="1"
-        x="10" y="10" width="60" height="20"/>
-</svg>
-
+ + + +``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemple", 160, 95)}}

+{{EmbedLiveSample("Exemple", 160, 95)}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('SVG2', 'pservers.html#GradientStops', '<stop>')}}{{Spec2('SVG2')}} 
{{SpecName('SVG1.1', 'pservers.html#GradientStops', '<stop>')}}{{Spec2('SVG1.1')}}Définition initiale
+| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------- | ------------------------ | ------------------- | +| {{SpecName('SVG2', 'pservers.html#GradientStops', '<stop>')}} | {{Spec2('SVG2')}} |   | +| {{SpecName('SVG1.1', 'pservers.html#GradientStops', '<stop>')}} | {{Spec2('SVG1.1')}} | Définition initiale | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

+{{Compat("svg.elements.stop")}} -

Voir aussi

+## Voir aussi -
    -
  • {{SVGElement("linearGradient")}}
    • -
  • {{SVGElement("radialGradient")}}
    • -
+- {{SVGElement("linearGradient")}} +- {{SVGElement("radialGradient")}} -- cgit v1.2.3-54-g00ecf