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/attribute/dy/index.html | 289 ------------------------------- files/fr/web/svg/attribute/dy/index.md | 289 +++++++++++++++++++++++++++++++ 2 files changed, 289 insertions(+), 289 deletions(-) delete mode 100644 files/fr/web/svg/attribute/dy/index.html create mode 100644 files/fr/web/svg/attribute/dy/index.md (limited to 'files/fr/web/svg/attribute/dy') diff --git a/files/fr/web/svg/attribute/dy/index.html b/files/fr/web/svg/attribute/dy/index.html deleted file mode 100644 index 08d75f48a1..0000000000 --- a/files/fr/web/svg/attribute/dy/index.html +++ /dev/null @@ -1,289 +0,0 @@ ---- -title: dy -slug: Web/SVG/Attribute/dy -tags: - - SVG - - SVG Attribute -translation_of: Web/SVG/Attribute/dy ---- -
{{SVGRef}}
- -

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')}}

- -

Exemple

- - - -
<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%"  />
-
-  <!-- Un texte de référence -->
-  <text x="10%" y="30%" fill="grey">SVG</text>
-
-  <!-- Le même texte avec un décalage sur l'axe y -->
-  <text dy="50%" x="10%" y="30%">SVG</text>
-</svg>
- -
line {
-  stroke: red;
-  stroke-width: .5px;
-  stroke-dasharray: 3px;
-}
- -

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

- -

altGlyph

- -
-

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.

- -

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
- -

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')}}.

- - - - - - - - - - - - - - - - -
Valeur<number>
Valeur par défaut2
AnimationOui
- -

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')}}.

- - - - - - - - - - - - - - - - -
Valeur<number>
Valeur par défaut0
AnimationOui
- -

glyphRef

- -
-

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.

- - - - - - - - - - - - - - - - -
Valeur<number>
Valeur par défaut0
AnimationOui
- -

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.

- -

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
- -

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 {
-  stroke: red;
-  stroke-width: .5px;
-  stroke-dasharray: 3px;
-}
- -

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

- -

tref

- -
-

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.

- -

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
- -

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.

- -

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
- -

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>
diff --git a/files/fr/web/svg/attribute/dy/index.md b/files/fr/web/svg/attribute/dy/index.md new file mode 100644 index 0000000000..08d75f48a1 --- /dev/null +++ b/files/fr/web/svg/attribute/dy/index.md @@ -0,0 +1,289 @@ +--- +title: dy +slug: Web/SVG/Attribute/dy +tags: + - SVG + - SVG Attribute +translation_of: Web/SVG/Attribute/dy +--- +
{{SVGRef}}
+ +

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')}}

+ +

Exemple

+ + + +
<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%"  />
+
+  <!-- Un texte de référence -->
+  <text x="10%" y="30%" fill="grey">SVG</text>
+
+  <!-- Le même texte avec un décalage sur l'axe y -->
+  <text dy="50%" x="10%" y="30%">SVG</text>
+</svg>
+ +
line {
+  stroke: red;
+  stroke-width: .5px;
+  stroke-dasharray: 3px;
+}
+ +

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

+ +

altGlyph

+ +
+

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.

+ +

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
+ +

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')}}.

+ + + + + + + + + + + + + + + + +
Valeur<number>
Valeur par défaut2
AnimationOui
+ +

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')}}.

+ + + + + + + + + + + + + + + + +
Valeur<number>
Valeur par défaut0
AnimationOui
+ +

glyphRef

+ +
+

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.

+ + + + + + + + + + + + + + + + +
Valeur<number>
Valeur par défaut0
AnimationOui
+ +

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.

+ +

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
+ +

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 {
+  stroke: red;
+  stroke-width: .5px;
+  stroke-dasharray: 3px;
+}
+ +

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

+ +

tref

+ +
+

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.

+ +

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
+ +

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.

+ +

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
+ +

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>
-- cgit v1.2.3-54-g00ecf