blob: 52b1b7c252a4040005e4126d83f1874ff991ed7a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
---
title: x
slug: Web/SVG/Attribute/x
tags:
- Attribut
- NeedsCompatTable
- NeedsUpdate
- SVG
translation_of: Web/SVG/Attribute/x
---
{{SVGRef}}
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)
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%**.
## 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>
</table>
{{page("/fr/docs/Web/SVG/Content_type","coordinate")}}
## Exemples
```xml
<?xml version="1.0"?>
<svg width="120" height="120"
viewBox="0 0 120 120"
xmlns="https://www.w3.org/2000/svg">
<rect x="10" y="10" width="100" height="100"/>
</svg>
```
## Éléments
On peut utiliser l'attribut `x` sur les éléments suivants :
- [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")}}
|
