diff options
Diffstat (limited to 'files/fr/web/svg/attribute/x/index.md')
-rw-r--r-- | files/fr/web/svg/attribute/x/index.md | 168 |
1 files changed, 104 insertions, 64 deletions
diff --git a/files/fr/web/svg/attribute/x/index.md b/files/fr/web/svg/attribute/x/index.md index b34d43d08c..52b1b7c252 100644 --- a/files/fr/web/svg/attribute/x/index.md +++ b/files/fr/web/svg/attribute/x/index.md @@ -8,81 +8,121 @@ tags: - SVG translation_of: Web/SVG/Attribute/x --- -<div>{{SVGRef}}</div> +{{SVGRef}} -<p>L'attribut <strong><code>x</code></strong> indique une coordonnée en x pour le système des coordonnées de l'utilisateur. L'effet de cette coordonnée dépend de l'élément sur lequel elle est utilisée. La plupart du temps, elle représente l'abscisse du coin en haut à gauche de la région rectangulaire pour l'élément. Cet attribut a la même syntaxe que <code><a href="https://www.w3.org/TR/SVG11/types.html#DataTypeLength"><length></a></code></p> +L'attribut **`x`** indique une coordonnée en x pour le système des coordonnées de l'utilisateur. L'effet de cette coordonnée dépend de l'élément sur lequel elle est utilisée. La plupart du temps, elle représente l'abscisse du coin en haut à gauche de la région rectangulaire pour l'élément. Cet attribut a la même syntaxe que [`<length>`](https://www.w3.org/TR/SVG11/types.html#DataTypeLength) -<p>Si cet attribut n'est pas défini, on aura le même effet que si on avait utilisé la valeur <strong>0</strong>. Les éléments {{SVGElement("filter")}} et {{SVGElement("mask")}} font exception à cette règle, la valeur par défaut pour cet attribut est ici <strong>-10%</strong>.</p> +Si cet attribut n'est pas défini, on aura le même effet que si on avait utilisé la valeur **0**. Les éléments {{SVGElement("filter")}} et {{SVGElement("mask")}} font exception à cette règle, la valeur par défaut pour cet attribut est ici **-10%**. -<h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2> +## Contexte d'utilisation <table class="standard-table"> - <tbody> - <tr> - <th scope="row">Catégories</th> - <td>Aucune</td> - </tr> - <tr> - <th scope="row">Type de valeur</th> - <td><code><a href="/fr/docs/Web/SVG/Content_type#Coordinate"><coordinate></a></code></td> - </tr> - <tr> - <th scope="row">Peut être animée</th> - <td>Oui</td> - </tr> - <tr> - <th scope="row">Spécifications</th> - <td><a href="https://www.w3.org/TR/SVG/text.html#AltGlyphElementXAttribute">SVG 1.1 (seconde édition) : élément <code>altGlyph</code></a><br> - <a href="https://www.w3.org/TR/SVG/interact.html#CursorElementXAttribute">SVG 1.1 (seconde édition) : élément <code>cursor</code></a><br> - <a href="https://www.w3.org/TR/SVG/filters.html#fePointLightXAttribute">SVG 1.1 (seconde édition) : élément <code>fePointLight</code></a><br> - <a href="https://www.w3.org/TR/SVG/filters.html#feSpotLightXAttribute">SVG 1.1 (seconde édition) : élément <code>feSpotLight</code></a><br> - <a href="https://www.w3.org/TR/SVG/filters.html#FilterElementXAttribute">SVG 1.1 (seconde édition) : élément <code>filter</code></a><br> - <a href="https://www.w3.org/TR/SVG/extend.html#ForeignObjectElementXAttribute">SVG 1.1 (seconde édition) : élément <code>foreignObject</code></a><br> - <a href="https://www.w3.org/TR/SVG/text.html#GlyphRefElementXAttribute">SVG 1.1 (seconde édition) : élément <code>glyphRef</code></a><br> - <a href="https://www.w3.org/TR/SVG/struct.html#ImageElementXAttribute">SVG 1.1 (seconde édition) : élément <code>image</code></a><br> - <a href="https://www.w3.org/TR/SVG/pservers.html#PatternElementXAttribute">SVG 1.1 (seconde édition) : élément <code>pattern</code></a><br> - <a href="https://www.w3.org/TR/SVG/shapes.html#RectElementXAttribute">SVG 1.1 (seconde édition) : élément <code>rect</code></a><br> - <a href="https://www.w3.org/TR/SVG/struct.html#SVGElementXAttribute">SVG 1.1 (seconde édition) : élément <code>svg</code></a><br> - <a href="https://www.w3.org/TR/SVG/text.html#TextElementXAttribute">SVG 1.1 (seconde édition) : élément <code>text</code></a><br> - <a href="https://www.w3.org/TR/SVG/struct.html#UseElementXAttribute">SVG 1.1 (seconde édition) : élément <code>use</code></a><br> - <a href="https://www.w3.org/TR/SVG/filters.html#FilterPrimitiveXAttribute">SVG 1.1 (seconde édition) : primitive de filtre</a><br> - <a href="https://www.w3.org/TR/SVG/masking.html#MaskElementXAttribute">SVG 1.1 (seconde édition) : élément <code>mask</code></a><br> - <a href="https://www.w3.org/TR/SVG/text.html#TSpanElementXAttribute">SVG 1.1 (seconde édition) : élément <code>tspan</code></a></td> - </tr> - </tbody> + <tbody> + <tr> + <th scope="row">Catégories</th> + <td>Aucune</td> + </tr> + <tr> + <th scope="row">Type de valeur</th> + <td> + <code + ><a href="/fr/docs/Web/SVG/Content_type#Coordinate" + ><coordinate></a + ></code + > + </td> + </tr> + <tr> + <th scope="row">Peut être animée</th> + <td>Oui</td> + </tr> + <tr> + <th scope="row">Spécifications</th> + <td> + <a href="https://www.w3.org/TR/SVG/text.html#AltGlyphElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>altGlyph</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/interact.html#CursorElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>cursor</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/filters.html#fePointLightXAttribute" + >SVG 1.1 (seconde édition) : élément <code>fePointLight</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/filters.html#feSpotLightXAttribute" + >SVG 1.1 (seconde édition) : élément <code>feSpotLight</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/filters.html#FilterElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>filter</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/extend.html#ForeignObjectElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>foreignObject</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/text.html#GlyphRefElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>glyphRef</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/struct.html#ImageElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>image</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/pservers.html#PatternElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>pattern</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/shapes.html#RectElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>rect</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/struct.html#SVGElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>svg</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/text.html#TextElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>text</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/struct.html#UseElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>use</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/filters.html#FilterPrimitiveXAttribute" + >SVG 1.1 (seconde édition) : primitive de filtre</a + ><br /><a + href="https://www.w3.org/TR/SVG/masking.html#MaskElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>mask</code></a + ><br /><a + href="https://www.w3.org/TR/SVG/text.html#TSpanElementXAttribute" + >SVG 1.1 (seconde édition) : élément <code>tspan</code></a + > + </td> + </tr> + </tbody> </table> -<p>{{page("/fr/docs/Web/SVG/Content_type","coordinate")}}</p> +{{page("/fr/docs/Web/SVG/Content_type","coordinate")}} -<h2 id="Exemples">Exemples</h2> +## Exemples -<pre class="brush: xml"><?xml version="1.0"?> -<svg width="120" height="120" +```xml +<?xml version="1.0"?> +<svg width="120" height="120" viewBox="0 0 120 120" - xmlns="https://www.w3.org/2000/svg"> + xmlns="https://www.w3.org/2000/svg"> - <rect x="10" y="10" width="100" height="100"/> -</svg></pre> + <rect x="10" y="10" width="100" height="100"/> +</svg> +``` -<h2 id="Éléments">Éléments</h2> +## Éléments -<p>On peut utiliser l'attribut <code>x</code> sur les éléments suivants :</p> +On peut utiliser l'attribut `x` sur les éléments suivants : -<ul> - <li><a href="/fr/docs/Web/SVG/Element#Éléments_de_primitives_de_filtre">Les éléments de primitives de filtres</a></li> - <li>{{SVGElement("altGlyph")}}</li> - <li>{{SVGElement("fePointLight")}}</li> - <li>{{SVGElement("feSpotLight")}}</li> - <li>{{SVGElement("filter")}}</li> - <li>{{SVGElement("foreignObject")}}</li> - <li>{{SVGElement("glyphRef")}}</li> - <li>{{SVGElement("image")}}</li> - <li>{{SVGElement("pattern")}}</li> - <li>{{SVGElement("rect")}}</li> - <li>{{SVGElement("svg")}}</li> - <li>{{SVGElement("text")}}</li> - <li>{{SVGElement("use")}}</li> - <li>{{SVGElement("mask")}}</li> - <li>{{SVGElement("tref")}}</li> - <li>{{SVGElement("tspan")}}</li> -</ul> +- [Les éléments de primitives de filtres](/fr/docs/Web/SVG/Element#Éléments_de_primitives_de_filtre) +- {{SVGElement("altGlyph")}} +- {{SVGElement("fePointLight")}} +- {{SVGElement("feSpotLight")}} +- {{SVGElement("filter")}} +- {{SVGElement("foreignObject")}} +- {{SVGElement("glyphRef")}} +- {{SVGElement("image")}} +- {{SVGElement("pattern")}} +- {{SVGElement("rect")}} +- {{SVGElement("svg")}} +- {{SVGElement("text")}} +- {{SVGElement("use")}} +- {{SVGElement("mask")}} +- {{SVGElement("tref")}} +- {{SVGElement("tspan")}} |