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/attribute/dy/index.md | 439 ++++++++++++++++----------------- 1 file changed, 218 insertions(+), 221 deletions(-) (limited to 'files/fr/web/svg/attribute/dy') diff --git a/files/fr/web/svg/attribute/dy/index.md b/files/fr/web/svg/attribute/dy/index.md index 08d75f48a1..45b758a28c 100644 --- a/files/fr/web/svg/attribute/dy/index.md +++ b/files/fr/web/svg/attribute/dy/index.md @@ -6,284 +6,281 @@ tags: - SVG Attribute translation_of: Web/SVG/Attribute/dy --- -
{{SVGRef}}
+{{SVGRef}} -

L'attribut dy indique un décalage sur l'axe y de la position d'un élément ou de son contenu.

+L'attribut **`dy`** indique un décalage sur l'axe y de la position d'un élément ou de son contenu. -

Sept éléments utilisent cet attribut: {{SVGElement('altGlyph')}}, {{SVGElement('feDropShadow')}}, {{SVGElement('feOffset')}}, {{SVGElement('glyphRef')}}, {{SVGElement('text')}}, {{SVGElement('tref')}}, et {{SVGElement('tspan')}}

+Sept éléments utilisent cet attribut: {{SVGElement('altGlyph')}}, {{SVGElement('feDropShadow')}}, {{SVGElement('feOffset')}}, {{SVGElement('glyphRef')}}, {{SVGElement('text')}}, {{SVGElement('tref')}}, et {{SVGElement('tspan')}} -

Exemple

+## Exemple - +```css hidden +html,body,svg { height:100% } +``` -
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-  <!-- Lignes indiquant la position des glyphes -->
-  <line x1="10%" x2="10%"  y1="0"   y2="100%" />
-  <line x1="0"   x2="100%" y1="30%" y2="30%"  />
-  <line x1="0"   x2="100%" y1="80%" y2="80%"  />
+```html
+
+  
+  
+  
+  
 
-  <!-- Un texte de référence -->
-  <text x="10%" y="30%" fill="grey">SVG</text>
+  
+  SVG
 
-  <!-- Le même texte avec un décalage sur l'axe y -->
-  <text dy="50%" x="10%" y="30%">SVG</text>
-</svg>
+  +  SVG + +``` -
line {
+```css
+line {
   stroke: red;
   stroke-width: .5px;
   stroke-dasharray: 3px;
-}
+} +``` -

{{EmbedLiveSample('exemple', '100%', 200)}}

+{{EmbedLiveSample('exemple', '100%', 200)}} -

altGlyph

+## altGlyph -
-

Attention : Depuis {{SVGElement('altGlyph')}} est déprécié et ne devrait pas être utilisé.

-
+> **Attention :** Depuis {{SVGElement('altGlyph')}} est déprécié et ne devrait pas être utilisé. -

Pour {{SVGElement('altGlyph')}}, s'il ne contient qu'une seule valeur, dy définit un décalge sur l'axe y pour tous les glyphes.

+Pour {{SVGElement('altGlyph')}}, s'il ne contient qu'une seule valeur, `dy` définit un décalge sur l'axe y pour tous les glyphes. -

S'il a plusieurs valeurs, dy définit un décalage sur l'axe y individuellement pour chaque glyphe, relativement au glyphe précédent. S'il y a moins de valeurs qu'il n'y a de glyphes, les glyphes restants utilisent la valeur 0. S'il y a plus de valeurs qu'il n'y a de glyphes, les valeurs restantes sont ignorées.

+S'il a plusieurs valeurs, `dy` définit un décalage sur l'axe y individuellement pour chaque glyphe, relativement au glyphe précédent. S'il y a moins de valeurs qu'il n'y a de glyphes, les glyphes restants utilisent la valeur `0`. S'il y a plus de valeurs qu'il n'y a de glyphes, les valeurs restantes sont ignorées. - - - - - - - - - - - - - - + + + + + + + + + + + + + +
ValeurListe de <length>
Valeur par défautaucune
AnimationOui
Valeur + Liste de + <length> +
Valeur par défautaucune
AnimationOui
-

feDropShadow

+## feDropShadow -

Pour {{SVGElement('feDropShadow')}}, dy définit le décalage x de l'ombre portée. L'unité utilisée pour résoudre la valeur est définie par l'attribut {{SVGAttr('primitiveUnits')}} de l'élément {{SVGElement('filter')}}.

+Pour {{SVGElement('feDropShadow')}}, `dy` définit le décalage x de l'ombre portée. L'unité utilisée pour résoudre la valeur est définie par l'attribut {{SVGAttr('primitiveUnits')}} de l'élément {{SVGElement('filter')}}. - - - - - - - - - - - - - - + + + + + + + + + + + + + +
Valeur<number>
Valeur par défaut2
AnimationOui
Valeur + <number> +
Valeur par défaut2
AnimationOui
-

feOffset

+## feOffset -

Pour {{SVGElement('feOffset')}}, dy définit le décalage x de l'élément source du filtre. L'unité utilisée pour résoudre la valeur est définie par l'attribut {{SVGAttr('primitiveUnits')}} de l'élément {{SVGElement('filter')}}.

+Pour {{SVGElement('feOffset')}}, `dy` définit le décalage x de l'élément source du filtre. L'unité utilisée pour résoudre la valeur est définie par l'attribut {{SVGAttr('primitiveUnits')}} de l'élément {{SVGElement('filter')}}. - - - - - - - - - - - - - - + + + + + + + + + + + + + +
Valeur<number>
Valeur par défaut0
AnimationOui
Valeur + <number> +
Valeur par défaut0
AnimationOui
-

glyphRef

+## glyphRef -
-

Attention : Depuis SVG2 {{SVGElement('glyphRef')}} est déprécié et ne devrait pas être utilisé.

-
+> **Attention :** Depuis SVG2 {{SVGElement('glyphRef')}} est déprécié et ne devrait pas être utilisé. -

Pour {{SVGElement('glyphRef')}}, dy définit le décalage x du glyphe, dans le système métrique de la police.

+Pour {{SVGElement('glyphRef')}}, `dy` définit le décalage x du glyphe, dans le système métrique de la police. - - - - - - - - - - - - - - + + + + + + + + + + + + + +
Valeur<number>
Valeur par défaut0
AnimationOui
Valeur + <number> +
Valeur par défaut0
AnimationOui
-

text

+## text -

Pour {{SVGElement('text')}}, s'il ne contient qu'une seule valeur, dx définit un décalage sur l'axe x pour tous les glyphes.

+Pour {{SVGElement('text')}}, s'il ne contient qu'une seule valeur, `dx` définit un décalage sur l'axe x pour tous les glyphes. -

S'il a plusieurs valeurs, dx définit un décalage sur l'axe x individuellement pour chaque glyphe, relativement au glyphe précédent. S'il y a moins de valeurs qu'il n'y a de glyphes, les glyphes restants utilisent une valeur de 0. S'il y a plus de valeurs qu'il n'y a de glyphes, les valeurs supplémentaires sont ignorées.

+S'il a plusieurs valeurs, `dx` définit un décalage sur l'axe x individuellement pour chaque glyphe, relativement au glyphe précédent. S'il y a moins de valeurs qu'il n'y a de glyphes, les glyphes restants utilisent une valeur de `0`. S'il y a plus de valeurs qu'il n'y a de glyphes, les valeurs supplémentaires sont ignorées. - - - - - - - - - - - - - - + + + + + + + + + + + + + +
ValeurListe de <length>
Valeur par défautaucune
AnimationOui
Valeur + Liste de + <length> +
Valeur par défautaucune
AnimationOui
-

Exemple

- - - -
<svg viewBox="0 0 150 100" xmlns="http://www.w3.org/2000/svg">
-  <!-- Lignes horizontales -->
-  <line x1="0" x2="100%" y1="30" y2="30" />
-  <line x1="0" x2="100%" y1="40" y2="40" />
-  <line x1="0" x2="100%" y1="50" y2="50" />
-  <line x1="0" x2="100%" y1="60" y2="60" />
-
-  <!-- Lignes verticales -->
-  <line x1="10" x2="10" y1="0" y2="100%" />
-  <line x1="50" x2="50" y1="0" y2="100%" />
-  <line x1="90" x2="90" y1="0" y2="100%" />
-
-  <!-- Le comportement change en fonction du nombre de valeurs de l'attribut -->
-  <text dy="20"      x="10" y="30">SVG</text>
-  <text dy="0 10"    x="50" y="30">SVG</text>
-  <text dy="0 10 20" x="90" y="30">SVG</text>
-</svg>
- -
line {
+### Exemple
+
+```css hidden
+html,body,svg { height:100% }
+```
+
+```html
+
+  
+  
+  
+  
+  
+
+  
+  
+  
+  
+
+  
+  SVG
+  SVG
+  SVG
+
+```
+
+```css
+line {
   stroke: red;
   stroke-width: .5px;
   stroke-dasharray: 3px;
-}
+} +``` -

{{EmbedLiveSample('text', '100%', 100)}}

+{{EmbedLiveSample('text', '100%', 100)}} -

tref

+## tref -
-

Attention : Depuis SVG2 {{SVGElement('tref')}} est déprécié et ne devrait pas être utilisé.

-
+> **Attention :** Depuis SVG2 {{SVGElement('tref')}} est déprécié et ne devrait pas être utilisé. -

Pour {{SVGElement('tref')}}, s'il ne contient qu'une seule valeur, dx définit un décalage sur l'axe x pour tous les glyphes.

+Pour {{SVGElement('tref')}}, s'il ne contient qu'une seule valeur, `dx` définit un décalage sur l'axe x pour tous les glyphes. -

S'il a plusieurs valeurs, dx définit un décalage sur l'axe x individuellement pour chaque glyphe, relativement au glyphe précédent. S'il y a moins de valeurs qu'il n'y a de glyphes, les glyphes restants utilisent une valeur de 0. S'il y a plus de valeurs qu'il n'y a de glyphes, les valeurs supplémentaires sont ignorées.

+S'il a plusieurs valeurs, `dx` définit un décalage sur l'axe x individuellement pour chaque glyphe, relativement au glyphe précédent. S'il y a moins de valeurs qu'il n'y a de glyphes, les glyphes restants utilisent une valeur de `0`. S'il y a plus de valeurs qu'il n'y a de glyphes, les valeurs supplémentaires sont ignorées. - - - - - - - - - - - - - - + + + + + + + + + + + + + +
ValeurListe de <length>
Valeur par défautaucune
AnimationOui
Valeur + Liste de + <length> +
Valeur par défautaucune
AnimationOui
-

tspan

+## tspan -

Pour {{SVGElement('tspan')}}, s'il ne contient qu'une seule valeur, dx définit un décalage sur l'axe x pour tous les glyphes.

+Pour {{SVGElement('tspan')}}, s'il ne contient qu'une seule valeur, `dx` définit un décalage sur l'axe x pour tous les glyphes. -

S'il a plusieurs valeurs, dx définit un décalage sur l'axe x individuellement pour chaque glyphe, relativement au glyphe précédent. S'il y a moins de valeurs qu'il n'y a de glyphes, les glyphes restants utilisent une valeur de 0. S'il y a plus de valeurs qu'il n'y a de glyphes, les valeurs supplémentaires sont ignorées.

+S'il a plusieurs valeurs, `dx` définit un décalage sur l'axe x individuellement pour chaque glyphe, relativement au glyphe précédent. S'il y a moins de valeurs qu'il n'y a de glyphes, les glyphes restants utilisent une valeur de `0`. S'il y a plus de valeurs qu'il n'y a de glyphes, les valeurs supplémentaires sont ignorées. - - - - - - - - - - - - - - + + + + + + + + + + + + + +
ValeurListe de <length>
Valeur par défautaucune
AnimationOui
Valeur + Liste de + <length> +
Valeur par défautaucune
AnimationOui
-

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{ SpecName('Filters 1.0', '#element-attrdef-fedropshadow-dy', 'dy') }}{{Spec2('Filters 1.0')}}Définition initiale pour <feDropShadow>
{{ SpecName('Filters 1.0', '#element-attrdef-feoffset-dy', 'dy') }}{{Spec2('Filters 1.0')}}Définition pour <feOffset>
{{SpecName("SVG2", "text.html#TextElementDYAttribute", "dy")}}{{Spec2("SVG2")}}Définition pour <text> et <tspan>
{{SpecName("SVG1.1", "filters.html#feOffsetDyAttribute", "dy")}}{{Spec2("SVG1.1")}}Définition initiale pour <feOffset>
{{SpecName("SVG1.1", "text.html#AltGlyphElementDYAttribute", "dy")}}{{Spec2("SVG1.1")}}Définition initiale pour <altGlyph>
{{SpecName("SVG1.1", "text.html#GlyphRefElementDYAttribute", "dy")}}{{Spec2("SVG1.1")}}Définition initiale pour <glyphRef>
{{SpecName("SVG1.1", "text.html#TextElementDYAttribute", "dy")}}{{Spec2("SVG1.1")}}Définition initiale pour <text>
{{SpecName("SVG1.1", "text.html#TSpanElementDYAttribute", "dy")}}{{Spec2("SVG1.1")}}Définition initiale pour <tref> et <tspan>
+## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ---------------------------------------------- | +| {{ SpecName('Filters 1.0', '#element-attrdef-fedropshadow-dy', 'dy') }} | {{Spec2('Filters 1.0')}} | Définition initiale pour `` | +| {{ SpecName('Filters 1.0', '#element-attrdef-feoffset-dy', 'dy') }} | {{Spec2('Filters 1.0')}} | Définition pour `` | +| {{SpecName("SVG2", "text.html#TextElementDYAttribute", "dy")}} | {{Spec2("SVG2")}} | Définition pour `` et `` | +| {{SpecName("SVG1.1", "filters.html#feOffsetDyAttribute", "dy")}} | {{Spec2("SVG1.1")}} | Définition initiale pour `` | +| {{SpecName("SVG1.1", "text.html#AltGlyphElementDYAttribute", "dy")}} | {{Spec2("SVG1.1")}} | Définition initiale pour `` | +| {{SpecName("SVG1.1", "text.html#GlyphRefElementDYAttribute", "dy")}} | {{Spec2("SVG1.1")}} | Définition initiale pour `` | +| {{SpecName("SVG1.1", "text.html#TextElementDYAttribute", "dy")}} | {{Spec2("SVG1.1")}} | Définition initiale pour `` | +| {{SpecName("SVG1.1", "text.html#TSpanElementDYAttribute", "dy")}} | {{Spec2("SVG1.1")}} | Définition initiale pour `` et `` | -- cgit v1.2.3-54-g00ecf