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 --- .../fr/web/svg/attribute/stroke-dasharray/index.md | 112 +++++++++------------ 1 file changed, 49 insertions(+), 63 deletions(-) (limited to 'files/fr/web/svg/attribute/stroke-dasharray') diff --git a/files/fr/web/svg/attribute/stroke-dasharray/index.md b/files/fr/web/svg/attribute/stroke-dasharray/index.md index c9cf9f4f60..b14d42ec70 100644 --- a/files/fr/web/svg/attribute/stroke-dasharray/index.md +++ b/files/fr/web/svg/attribute/stroke-dasharray/index.md @@ -6,82 +6,68 @@ tags: - SVG translation_of: Web/SVG/Attribute/stroke-dasharray --- -

L'attribut stroke-dasharray contrôle le motif et l'espacement entre les segments utilisés pour tracer le contour d'un élément via l'attribut stroke. L'attribut définit ainsi un motif constitué d'une suite de segments et de vides dont la forme se rapprochera d'une ligne de pointillés. 

+L'attribut `stroke-dasharray` contrôle le motif et l'espacement entre les segments utilisés pour tracer le contour d'un élément via l'attribut stroke. L'attribut définit ainsi un motif constitué d'une suite de segments et de vides dont la forme se rapprochera d'une ligne de pointillés. -
-

Note: Comme il s'agit d'un attribut de présentation, stroke-dasharray peut aussi être utilisé directement dans une feuille de style CSS.

-
+> **Note :** Comme il s'agit d'un attribut de présentation, `stroke-dasharray `peut aussi être utilisé directement dans une feuille de style CSS. -

Les éléments suivants peuvent utiliser l'attribut stroke-dasharray: {{SVGElement('altGlyph')}}, {{SVGElement('circle')}}, {{SVGElement('ellipse')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('text')}}, {{SVGElement('textPath')}}, {{SVGElement('tref')}}, and {{SVGElement('tspan')}}

+Les éléments suivants peuvent utiliser l'attribut `stroke-dasharray`: {{SVGElement('altGlyph')}}, {{SVGElement('circle')}}, {{SVGElement('ellipse')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('text')}}, {{SVGElement('textPath')}}, {{SVGElement('tref')}}, and {{SVGElement('tspan')}} -

Exemple

+## Exemple - +```css hidden +html,body,svg { height:100% } +``` -
<svg viewBox="0 0 30 10" version="1.1" xmlns="http://www.w3.org/2000/svg">
+```html
+
 
-    <line                                  x1="0" y1="1" x2="30" y2="1" stroke="black" />
-    <line stroke-dasharray="4"             x1="0" y1="3" x2="30" y2="3" stroke="black" />
-    <line stroke-dasharray="4, 1"          x1="0" y1="5" x2="30" y2="5" stroke="black" />
-    <line stroke-dasharray="4, 1, 2"       x1="0" y1="7" x2="30" y2="7" stroke="black" />
-    <line stroke-dasharray="4, 1, 2, 3"    x1="0" y1="9" x2="30" y2="9" stroke="black" />
-</svg>
-
+ + + + + + +``` -

{{ EmbedLiveSample('Exemple', '220', '150', '', 'Web/SVG/Attribute/stroke-dasharray') }}

+{{ EmbedLiveSample('Exemple', '220', '150', '', 'Web/SVG/Attribute/stroke-dasharray') }} -

Contexte d'usage

+## Contexte d'usage - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + +
CatégoriesAttribut de présentation
Valeurnone | <dasharray> | inherit
AnimableOui
Document normatifSVG 1.1 (2nd Edition)
CatégoriesAttribut de présentation
Valeurnone | <dasharray> | inherit
AnimableOui
Document normatif + SVG 1.1 (2nd Edition) +
-
-
<dasharray>
-
Il s'agit d'une liste de mesures <length> et <percentage> séparées par des virgules ou des espaces blancs. Ils permettent de spécifier la longeur de l'alternance entre segments et vides. Si un nombre impair de valeurs est entré, alors la liste sera répartie afin de créer un nombre pair de valeurs par répétition. Ainsi, 5,3,2 sera rendu comme 5,3,2,5,3,2.
-
+- \ + - : Il s'agit d'une liste de mesures [\](/fr/SVG/Content_type#Length "en/SVG/Content_type#Length") et [\](/fr/SVG/Content_type#Percentage "en/SVG/Content_type#Percentage") séparées par des virgules ou des espaces blancs. Ils permettent de spécifier la longeur de l'alternance entre segments et vides. Si un nombre impair de valeurs est entré, alors la liste sera répartie afin de créer un nombre pair de valeurs par répétition. Ainsi, **5,3,2** sera rendu comme **5,3,2,5,3,2**. -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("svg.attributes.presentation.stroke-dasharray")}}

+{{Compat("svg.attributes.presentation.stroke-dasharray")}} -

Spécification

+## Spécification - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName("SVG2", "painting.html#StrokeDasharrayProperty", "stroke-dasharray")}}{{Spec2("SVG2")}}Définition pour les formes et textes
{{SpecName("SVG1.1", "painting.html#StrokeDasharrayProperty", "stroke-dasharray")}}{{Spec2("SVG1.1")}}Définition initiale pour les formes et textes
+| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------------------- | ------------------------ | --------------------------------------------- | +| {{SpecName("SVG2", "painting.html#StrokeDasharrayProperty", "stroke-dasharray")}} | {{Spec2("SVG2")}} | Définition pour les formes et textes | +| {{SpecName("SVG1.1", "painting.html#StrokeDasharrayProperty", "stroke-dasharray")}} | {{Spec2("SVG1.1")}} | Définition initiale pour les formes et textes | -- cgit v1.2.3-54-g00ecf