---
title: Attributs SVG de style
slug: Web/SVG/Attribute/Styling
translation_of: Web/SVG/Attribute/Styling
---
<p>Les <em>attributs SVG de style</em> sont tous les attributs qui peuvent être spécifiés sur tout élément SVG pour appliquer des styles CSS.</p>

<div class="index">
<ul>
 <li><a href="#attr-class"><code>class</code></a></li>
 <li><a href="#attr-style"><code>style</code></a></li>
</ul>
</div>

<h2 id="Attributs">Attributs</h2>

<dl>
 <dt id="attr-class">{{SVGAttr('class')}}</dt>
 <dd>Assigne un nom de classe ou un ensemble de noms de classe à un élément. Il fonctionne de manière identique à l'attribut {{htmlattrxref('class')}} en HTML.<br>
 <small><em>Valeur</em>: Tout ID valide; <em>Animation</em>: <strong>Oui</strong></small></dd>
 <dt id="attr-style">{{SVGAttr('style')}}</dt>
 <dd>Spécifie les informations de style d'un élément. Il fonctionne de manière identique à l'attribut {{htmlattrxref('style')}} en HTML.<br>
 <small><em>Valeur</em>: Toute chaîne de caractères valide; <em>Animation</em>: <strong>Non</strong></small>
 <p> </p>
 </dd>
</dl>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<p class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</p>

<p>{{Compat("svg.attributes.style")}}</p>