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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
|
---
title: Attributs SVG de présentation
slug: Web/SVG/Attribute/Presentation
translation_of: Web/SVG/Attribute/Presentation
---
<p>{{draft}}</p>
<p>Les <em>attributs SVG de présentation</em> sont des propriétés CSS pouvant être utilisées comme attributs sur les éléments SVG</p>
<div class="index">
<ul>
<li><a href="#attr-alignment-baseline">alignment-baseline</a></li>
<li><a href="#attr-baseline-shift">baseline-shift</a></li>
<li><a href="#attr-clip">clip</a></li>
<li><a href="#attr-clip-path">clip-path</a></li>
<li><a href="#attr-clip-rule">clip-rule</a></li>
<li><a href="#attr-color">color</a></li>
<li><a href="#attr-color-interpolation">color-interpolation</a></li>
<li><a href="#attr-color-interpolation-filters">color-interpolation-filters</a></li>
<li><a href="#attr-color-profile">color-profile</a></li>
<li><a href="#attr-color-rendering">color-rendering</a></li>
<li><a href="#attr-cursor">cursor</a></li>
<li><a href="#attr-direction">direction</a></li>
<li><a href="#attr-display">display</a></li>
<li><a href="#attr-dominant-baseline">dominant-baseline</a></li>
<li><a href="#attr-enable-background">enable-background</a></li>
<li><a href="#attr-fill">fill</a></li>
<li><a href="#attr-fill-opacity">fill-opacity</a></li>
<li><a href="#attr-fill-rule">fill-rule</a></li>
<li><a href="#attr-filter">filter</a></li>
<li><a href="#attr-flood-color">flood-color</a></li>
<li><a href="#attr-flood-opacity">flood-opacity</a></li>
<li><a href="#attr-font-family">font-family</a></li>
<li><a href="#attr-font-size">font-size</a></li>
<li><a href="#attr-font-size-adjust">font-size-adjust</a></li>
<li><a href="#attr-font-stretch">font-stretch</a></li>
<li><a href="#attr-font-style">font-style</a></li>
<li><a href="#attr-font-variant">font-variant</a></li>
<li><a href="#attr-font-weight">font-weight</a></li>
<li><a href="#attr-glyph-orientation-horizontal">glyph-orientation-horizontal</a></li>
<li><a href="#attr-glyph-orientation-vertical">glyph-orientation-vertical</a></li>
<li><a href="#attr-image-rendering">image-rendering</a></li>
<li><a href="#attr-kerning">kerning</a></li>
<li><a href="#attr-letter-spacing">letter-spacing</a></li>
<li><a href="#attr-lighting-color">lighting-color</a></li>
<li><a href="#attr-marker-end">marker-end</a></li>
<li><a href="#attr-marker-mid">marker-mid</a></li>
<li><a href="#attr-marker-start">marker-start</a></li>
<li><a href="#attr-mask">mask</a></li>
<li><a href="#attr-opacity">opacity</a></li>
<li><a href="#attr-overflow">overflow</a></li>
<li><a href="#attr-pointer-events">pointer-events</a></li>
<li><a href="#attr-shape-rendering">shape-rendering</a></li>
<li><a href="#attr-solid-color">solid-color</a></li>
<li><a href="#attr-solid-opacity">solid-opacity</a></li>
<li><a href="#attr-stop-color">stop-color</a></li>
<li><a href="#attr-stop-opacity">stop-opacity</a></li>
<li><a href="#attr-stroke">stroke</a></li>
<li><a href="#attr-stroke-dasharray">stroke-dasharray</a></li>
<li><a href="#attr-stroke-dashoffset">stroke-dashoffset</a></li>
<li><a href="#attr-stroke-linecap">stroke-linecap</a></li>
<li><a href="#attr-stroke-linejoin">stroke-linejoin</a></li>
<li><a href="#attr-stroke-miterlimit">stroke-miterlimit</a></li>
<li><a href="#attr-stroke-opacity">stroke-opacity</a></li>
<li><a href="#attr-stroke-width">stroke-width</a></li>
<li><a href="#attr-text-anchor">text-anchor</a></li>
<li><a href="#attr-text-decoration">text-decoration</a></li>
<li><a href="#attr-text-rendering">text-rendering</a></li>
<li><a href="#attr-transform">transform</a></li>
<li><a href="#attr-unicode-bidi">unicode-bidi</a></li>
<li><a href="#attr-vector-effect">vector-effect</a></li>
<li><a href="#attr-visibility">visibility</a></li>
<li><a href="#attr-word-spacing">word-spacing</a></li>
<li><a href="#attr-writing-mode">writing-mode</a></li>
</ul>
</div>
<h2 id="Attributs">Attributs</h2>
<p> </p>
<dl>
<dt id="attr-alignment-baseline">{{SVGAttr('alignment-baseline')}}</dt>
<dd>Spécifie comment un objet est aligné sur la ligne de pied de la police par rapport à son parent.<br>
<small><em>Valeur</em>: <strong><code>auto</code></strong>|<code>baseline</code>|<code>before-edge</code>|<code>text-before-edge</code>|<code>middle</code>|<code>central</code>|<code>after-edge</code>|<code>text-after-edge</code>|<code>ideographic</code>|<code>alphabetic</code>|<code>hanging</code>|<code>mathematical</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-baseline-shift">{{SVGAttr('baseline-shift')}}</dt>
<dd>Permet de positionner la ligne de pied de l'élément par rapport à celle de son parent.<br>
<small><em>Valeur</em>: <strong><code>auto</code></strong>|<code>baseline</code>|<code>super</code>|<code>sub</code>|<a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a>|<a href="/docs/Web/SVG/Content_type#Length"><length></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-clip">{{SVGAttr('clip')}} {{deprecated_inline('css')}}</dt>
<dd>Définit quelle partie d'un élément est visible.<br>
<small><em>Valeur</em>: <strong><code>auto</code></strong>|{{cssxref("shape")}}|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-clip-path">{{SVGAttr('clip-path')}}</dt>
<dd>Associe un chemin de détourage {{SVGElement('clipPath')}} à l'élément.<br>
<small><em>Valeur</em>: <strong><code>none</code></strong>|<a href="/docs/Web/SVG/Content_type#FuncIRI"><FuncIRI></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-clip-rule">{{SVGAttr('clip-rule')}}</dt>
<dd>Indique la règle de remplissage à appliquer sur un élément {{SVGElement('clipPath')}}.<br>
<small><em>Valeur</em>: <strong><code>nonezero</code></strong>|<code>evenodd</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-color">{{SVGAttr('color')}}</dt>
<dd>Définit la valeur potentielle (valeur de <code>currentColor</code>) pour les attributs de présentation <code>fill</code>, <code>stroke</code>, <code>stop-color</code>, <code>flood-color</code> et <code>lighting-color</code>.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Color"><color></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-color-interpolation">{{SVGAttr('color-interpolation')}}</dt>
<dd>Spécifie l'espace colométrique pour les interpolations de dégradés, les animations couleur et composition alpha.<br>
<small><em>Valeur</em>: <code>auto</code>|<strong><code>sRGB</code></strong>|<code>linearRGB</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-color-interpolation-filters">{{SVGAttr('color-interpolation-filters')}}</dt>
<dd>Spécifie l'espace colométrique pour les opérations effectuées via des effets de filtre.<br>
<small><em>Valeur</em>: <code>auto</code>|<code>sRGB</code>|<strong><code>linearRGB</code></strong>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-color-profile">{{SVGAttr('color-profile')}} {{deprecated_inline('svg2')}}</dt>
<dd>Définit le profil de couleur qu'une image bitmap incluse via l'élément {{SVGElement('image')}} doit utiliser.<br>
<small><em>Valeur</em>: <code>auto</code>|<code>sRGB</code>|<code>linearRGB</code>|<a href="/docs/Web/SVG/Content_type#Name"><name></a>|<a href="/docs/Web/SVG/Content_type#IRI"><IRI></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-color-rendering">{{SVGAttr('color-rendering')}}</dt>
<dd>Indique au navigateur comment optimiser ses opérations d'interpolation et de composition des couleurs.<br>
<small><em>Valeur</em>: <strong><code>auto</code></strong>|<code>optimizeSpeed</code>|<code>optimizeQuality</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-cursor">{{SVGAttr('cursor')}}</dt>
<dd>Spécifie le curseur affiché lorsque la souris passe au-desuss de l'élément.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#FuncIRI"><FuncIRI></a>|<a href="/docs/Web/CSS/cursor#Values"><keywords></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-direction">{{SVGAttr('direction')}}</dt>
<dd>Spécifie la direction d'écriture du texte.<br>
<small><em>Valeur</em>: <strong><code>ltr</code></strong>|<code>rtl</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-display">{{SVGAttr('display')}}</dt>
<dd>Permet de contrôler le rendu d'éléments graphiques ou conteneurs.<br>
<small><em>Valeur</em>: see css {{cssxref('display')}}; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-dominant-baseline">{{SVGAttr('dominant-baseline')}}</dt>
<dd>Définit la ligne de pied utilisée pour aligner le texte.<br>
<small><em>Valeur</em>: <code>auto</code>|<code>text-bottom</code>|<code>alphabetic</code>|<code>ideographic</code>|<code>middle</code>|<code>central</code>| <code>mathematical</code>|<code>hanging</code>|<code>text-top</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-enable-background">{{SVGAttr('enable-background')}} {{deprecated_inline('svg2')}}</dt>
<dd>Indique au navigateur comment gérer l'image d'arrière plan.<br>
<small><em>Valeur</em>: <strong><code>accumulate</code></strong>|<code>new</code>|<code>inherit</code>; <em>Animation</em>: <strong>Non</strong></small></dd>
<dt id="attr-fill">{{SVGAttr('fill')}}</dt>
<dd>Définit la couleur de remplissage d'un élément graphique.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Paint"><paint></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-fill-opacity">{{SVGAttr('fill-opacity')}}</dt>
<dd>Définit l'opacité du remplissage de l'élément.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Number"><number></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-fill-rule">{{SVGAttr('fill-rule')}}</dt>
<dd>Indique comment déterminer quelles parties du chemin se trouvent à l'intérieur de la forme.<br>
<small><em>Valeur</em>: <strong><code>nonzero</code></strong>|<code>evenodd</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-filter">{{SVGAttr('filter')}}</dt>
<dd>Applique un filtre, définit par un élément {{SVGElement('filter')}}, à l'élément.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#FuncIRI"><FuncIRI></a>|<strong><code>none</code></strong>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-flood-color">{{SVGAttr('flood-color')}}</dt>
<dd>Indique quelle couleur utiliser pour remplir la région du filtre, définit par les éléments {{SVGElement('feFlood')}} ou {{SVGElement('feDropShadow')}}.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Color"><color></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-flood-opacity">{{SVGAttr('flood-opacity')}}</dt>
<dd>Indique l'opacité à utiliser pour remplir la région du filtre, définit par les éléments {{SVGElement('feFlood')}} ou {{SVGElement('feDropShadow')}}.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Number"><number></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-font-family">{{SVGAttr('font-family')}}</dt>
<dd>Indique la police utiliser pour restituer le texte de l'élément.<br>
<small><em>Valeur</em>: see css {{cssxref('font-family')}}; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-font-size">{{SVGAttr('font-size')}}</dt>
<dd>Spécifie la taille de la police.<br>
<small><em>Valeur</em>: see css {{cssxref('font-size')}}; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-font-size-adjust">{{SVGAttr('font-size-adjust')}}</dt>
<dd>Spécifie que la taille de la police doit être choisit en se basant sur la taille des lettres minuscules et non des majuscules.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Number"><number></a>|<code><strong>none</strong></code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-font-stretch">{{SVGAttr('font-stretch')}}</dt>
<dd>Sélectionne la version normale, condensée ou espacée d'une police.<br>
<small><em>Valeur</em>: see css {{cssxref('font-stretch')}}; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-font-style">{{SVGAttr('font-style')}}</dt>
<dd>Spécifie si la police doit être stylisée en normal, italique ou oblique.<br>
<small><em>Valeur</em>: <strong><code>normal</code></strong>|<code>italic</code>|<code>oblique</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-font-variant">{{SVGAttr('font-variant')}}</dt>
<dd>Spécifie si une police doit utiliser certaines variations, telles que les petites majuscules ou les ligatures.<br>
<small><em>Valeur</em>: see css {{cssxref('font-variant')}}; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-font-weight">{{SVGAttr('font-weight')}}</dt>
<dd>Spécifie l'épaisseur (ou graisse) de la police.<br>
<small><em>Valeur</em>: <strong><code>normal</code></strong>|<code>bold</code>|<code>lighter</code>|<code>bolder</code>|<code>100</code>|<code>200</code>|<code>300</code>|<code>400</code>|<code>500</code>|<code>600</code>|<code>700</code>|<code>800</code>|<code>900</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-glyph-orientation-horizontal">{{SVGAttr('glyph-orientation-horizontal')}} {{deprecated_inline('svg2')}}</dt>
<dd>Contrôle l'orientation des glyphes lorsque la direction en ligne est horizontale.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Angle"><angle></a>|<code>inherit</code>; <em>Animation</em>: <strong>Non</strong></small></dd>
<dt id="attr-glyph-orientation-vertical">{{SVGAttr('glyph-orientation-vertical')}} {{deprecated_inline('svg2')}}</dt>
<dd>Contrôle l'orientation des glyphes lorsque la direction en ligne est verticale.<br>
<small><em>Valeur</em>: <strong><code>auto</code></strong>|<a href="/docs/Web/SVG/Content_type#Angle"><angle></a>|<code>inherit</code>; <em>Animation</em>: <strong>Non</strong></small></dd>
<dt id="attr-image-rendering">{{SVGAttr('image-rendering')}}</dt>
<dd>Indique au navigateur le compromis à effectuer entre vitesse et qualité du rendu des images.<br>
<small><em>Valeur</em>: <strong><code>auto</code></strong>|<code>optimizeQuality</code>|<code>optimizeSpeed</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-kerning">{{SVGAttr('kerning')}} {{deprecated_inline('svg2')}}</dt>
<dd>Indique au navigateur s'il doit ajuster l'espacement entre les glyphes.<br>
<small><em>Valeur</em>: <strong><code>auto</code></strong>|<a href="/docs/Web/SVG/Content_type#Length"><length></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-letter-spacing">{{SVGAttr('letter-spacing')}}</dt>
<dd>Contrôle l'espacement entre les caratères du texte.<br>
<small><em>Valeur</em>: <strong><code>normal</code></strong>|<a href="/docs/Web/SVG/Content_type#Length"><length></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-lighting-color">{{SVGAttr('lighting-color')}}</dt>
<dd>Définit la couleur de la source de lumière pour les filtres {{SVGElement('feDiffuseLighting')}} et {{SVGElement('feSpecularLighting')}}.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Color"><color></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-marker-end">{{SVGAttr('marker-end')}}</dt>
<dd>Définit la pointe de la flèche ou polymarker dessiné à la fin de l'élément {{SVGElement('path')}} ou ou de la forme.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#FuncIRI"><FuncIRI></a>|<strong><code>none</code></strong>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-marker-mid">{{SVGAttr('marker-mid')}}</dt>
<dd>Définit la pointe de la flèche ou polymarker dessiné entre chaque segment de l'élément {{SVGElement('path')}} ou de la forme.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#FuncIRI"><FuncIRI></a>|<strong><code>none</code></strong>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-marker-start">{{SVGAttr('marker-start')}}</dt>
<dd>Définit la pointe de la flèche ou polymarker dessiné au début de l'élément {{SVGElement('path')}} ou ou de la forme.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#FuncIRI"><FuncIRI></a>|<strong><code>none</code></strong>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-mask">{{SVGAttr('mask')}}</dt>
<dd>Modifie la visibilité d'un élément en masquant ou détourant l'image à des endroits spécifiques.<br>
<small><em>Valeur</em>: see css {{cssxref('mask')}}; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-opacity">{{SVGAttr('opacity')}}</dt>
<dd>Spécifie l'opacité d'un objet ou d'un groupe d'objets.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Opacity_value"><opacity-value></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-overflow">{{SVGAttr('overflow')}}</dt>
<dd>Spécifie si le contenu d'un élément bloc est tronqué lorsqu'il déborde de la zone de l'élément.<br>
<small><em>Valeur</em>: <code><strong>visible</strong></code>|<code>hidden|scroll</code>|<code>auto</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-pointer-events">{{SVGAttr('pointer-events')}}</dt>
<dd>Définit si et quand un élément peut être la cible d'un événement de la souris.<br>
<small><em>Valeur</em>: <code>bounding-box</code>|<code><strong>visiblePainted</strong></code>|<code>visibleFil</code>|<code>visibleStroke</code>|<code>visible</code> |<code>painted</code>|<code>fill</code>|<code>stroke</code>|<code>all</code>|<code>none</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-shape-rendering">{{SVGAttr('shape-rendering')}}</dt>
<dd>Indique au navigateur le compromis à effectuer entre vitesse et qualité du rendu des éléments {{SVGElement('path')}} et des formes.<br>
<small><em>Valeur</em>: <code><strong>auto</strong></code>|<code>optimizeSpeed</code>|<code>crispEdges</code>|<code>geometricPrecision</code> |<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-solid-color">{{SVGAttr('solid-color')}}</dt>
<dd>-<br>
<small><em>Valeur</em>:; <em>Animation</em>: <strong>-</strong></small></dd>
<dt id="attr-solid-opacity">{{SVGAttr('solid-opacity')}}</dt>
<dd>-<br>
<small><em>Valeur</em>:; <em>Animation</em>: <strong>-</strong></small></dd>
<dt id="attr-stop-color">{{SVGAttr('stop-color')}}</dt>
<dd>Indique la couleur à utiliser sur un {{SVGElement('stop')}} d'un dégradé.<br>
<small><em>Valeur</em>: <code>currentColor</code>|<a href="/en/SVG/Content_type#Color" title="en/SVG/Content_type#Color"><color></a>|<a href="/en/SVG/Content_type#ICCColor" title="en/SVG/Content_type#ICCColor"><icccolor></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stop-opacity">{{SVGAttr('stop-opacity')}}</dt>
<dd>Indique l'opacité du {{SVGElement('stop')}}.<br>
<small><em>Valeur</em>: <a href="/en/SVG/Content_type#Opacity_value" title="en/SVG/Content_type#Opacity_value"><opacity-value></a>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stroke">{{SVGAttr('stroke')}}</dt>
<dd>Définit la couleur à utiliser pour le contour de l'élément.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Paint"><paint></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stroke-dasharray">{{SVGAttr('stroke-dasharray')}}</dt>
<dd>Définit le motif des pointillés utilisé pour dessiner le contour de la forme.<br>
<small><em>Valeur</em>: <code>none</code>|<code><dasharray></code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stroke-dashoffset">{{SVGAttr('stroke-dashoffset')}}</dt>
<dd>Décale la position de départ des pointillés.<br>
<small><em>Valeur</em>: <a href="/en/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage"><percentage></a>|<a href="/en/SVG/Content_type#Length" title="en/SVG/Content_type#Length"><span><length></span></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stroke-linecap"><strong>{{SVGAttr('stroke-linecap')}}</strong></dt>
<dd>Définit la forme de la fin des lignes.<br>
<small><em>Valeur</em>: <code><strong>butt</strong></code>|<code>round</code>|<code>square</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stroke-linejoin"><strong>{{SVGAttr('stroke-linejoin')}}</strong></dt>
<dd>Définit la manière de dessiner la liaison entre deux segments de ligne.<br>
<small><em>Valeur</em>: <code>arcs</code>|<code>bevel</code>|<code><strong>miter</strong></code>|<code>miter-clip</code>|<code>round</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stroke-miterlimit"><strong>{{SVGAttr('stroke-miterlimit')}}</strong></dt>
<dd>Définit la limite du rapport entre la longueur du coin et la valeur de {{SVGAttr('stroke-width')}} utilisée pour dessiner la liaison entre deux segments de ligne.<br>
<small><em>Valeur</em>: <a href="/en/SVG/Content_type#Number" title="en/SVG/Content_type#Number"><number></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stroke-opacity"><strong>{{SVGAttr('stroke-opacity')}}</strong></dt>
<dd>Définit l'opacité du contour d'une forme.<br>
<small><em>Valeur</em>: <a href="/en/SVG/Content_type#Opacity_value" title="en/SVG/Content_type#Opacity_value"><opacity-value></a>|<a href="/docs/Web/SVG/Content_type#Paint"><percentage></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-stroke-width"><strong>{{SVGAttr('stroke-width')}}</strong></dt>
<dd>Définit l'épaisseur du contour appliqué à une forme.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Length"><length></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-text-anchor"><strong>{{SVGAttr('text-anchor')}}</strong></dt>
<dd>Définit l'alignement vertical d'une chaîne de texte.<br>
<small><em>Valeur</em>: <code>start</code>|<code>middle</code>|<code>end</code>|<code><strong>inherit</strong></code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-text-decoration"><strong>{{SVGAttr('text-decoration')}}</strong></dt>
<dd>Définit l'apparence des lignes décoratives sur le texte.<br>
<small><em>Valeur</em>: <code>none</code>|<code>underline</code>|<code>overline</code>|<code>line-through</code>|<code>blink</code>|<code><strong>inherit</strong></code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-text-rendering"><strong>{{SVGAttr('text-rendering')}}</strong></dt>
<dd>Indique au navigateur le compromis à effectuer entre vitesse et qualité du rendu du texte.<br>
<small><em>Valeur</em>: <code><strong>auto</strong></code>|<code>optimizeSpeed</code>|<code>optimizeLegibility</code>|<code>geometricPrecision</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-transform"><strong>{{SVGAttr('transform')}}</strong></dt>
<dd>Définit une liste de transformations à appliquer à un élément et à ses enfants.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Transform-list"><transform-list></a>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-unicode-bidi"><strong>{{SVGAttr('unicode-bidi')}}</strong></dt>
<dd>-<br>
<small><em>Valeur</em>:; <em>Animation</em>: <strong>-</strong></small></dd>
<dt id="attr-vector-effect"><strong>{{SVGAttr('vector-effect')}}</strong></dt>
<dd>Spécifie l'effet vectoriel à utiliser lors du dessin d'un objet.<br>
<small><em>Valeur</em>: <code>default</code>|<code>non-scaling-stroke</code>|<code>inherit</code>|<code><uri></code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-visibility"><strong>{{SVGAttr('visibility')}}</strong></dt>
<dd>Définit la visibilité d'éléments graphiques.<br>
<small><em>Valeur</em>: <strong><code>visible</code></strong>|<code>hidden</code>|<code>collapse</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-word-spacing"><strong>{{SVGAttr('word-spacing')}}</strong></dt>
<dd>Définit la longueur des espaces entre les mots d'un texte.<br>
<small><em>Valeur</em>: <a href="/en/SVG/Content_type#Length" title="https://developer.mozilla.org/en/SVG/Content_type#Length"><length></a>|<code><strong title="this is the default value">inherit</strong></code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
<dt id="attr-writing-mode"><strong>{{SVGAttr('writing-mode')}}</strong></dt>
<dd>Spécifie si la direction d'un élément {{SVGElement('text')}} doit être de gauche-à-droite, droite-à-gauche, ou de haut-en-bas.<br>
<small><em>Valeur</em>: <strong><code>lr-tb</code></strong>|<code>rl-tb</code>|<code>tb-rl</code>|<code>lr</code>|<code>rl</code>|<code>tb</code>|<code>inherit</code>; <em>Animation</em>: <strong>Oui</strong></small></dd>
</dl>
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{Compat("svg.attributes.presentation")}}</p>
|
