---
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">&lt;percentage&gt;</a>|<a href="/docs/Web/SVG/Content_type#Length">&lt;length&gt;</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">&lt;FuncIRI&gt;</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">&lt;color&gt;</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">&lt;name&gt;</a>|<a href="/docs/Web/SVG/Content_type#IRI">&lt;IRI&gt;</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">&lt;FuncIRI&gt;</a>|<a href="/docs/Web/CSS/cursor#Values">&lt;keywords&gt;</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">&lt;paint&gt;</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">&lt;number&gt;</a>|<a href="/docs/Web/SVG/Content_type#Percentage">&lt;percentage&gt;</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">&lt;FuncIRI&gt;</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">&lt;color&gt;</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">&lt;number&gt;</a>|<a href="/docs/Web/SVG/Content_type#Percentage">&lt;percentage&gt;</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">&lt;number&gt;</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">&lt;angle&gt;</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">&lt;angle&gt;</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">&lt;length&gt;</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">&lt;length&gt;</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">&lt;color&gt;</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">&lt;FuncIRI&gt;</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">&lt;FuncIRI&gt;</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">&lt;FuncIRI&gt;</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">&lt;opacity-value&gt;</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">&lt;color&gt;</a>|<a href="/en/SVG/Content_type#ICCColor" title="en/SVG/Content_type#ICCColor">&lt;icccolor&gt;</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">&lt;opacity-value&gt;</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">&lt;paint&gt;</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>&lt;dasharray&gt;</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">&lt;percentage&gt;</a>|<a href="/en/SVG/Content_type#Length" title="en/SVG/Content_type#Length"><span>&lt;length&gt;</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">&lt;number&gt;</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">&lt;opacity-value&gt;</a>|<a href="/docs/Web/SVG/Content_type#Paint">&lt;percentage&gt;</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">&lt;length&gt;</a>|<a href="/docs/Web/SVG/Content_type#Percentage">&lt;percentage&gt;</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">&lt;transform-list&gt;</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>&lt;uri&gt;</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">&lt;length&gt;</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>