initial commit

1 files changed, 97 insertions, 0 deletions

diff --git a/files/fr/web/api/svgstylable/index.html b/files/fr/web/api/svgstylable/index.html
new file mode 100644
index 0000000000..7bb1f743fa
--- /dev/null
+++ b/files/fr/web/api/svgstylable/index.html
@@ -0,0 +1,97 @@
+---
+title: SVGStylable
+slug: Web/API/SVGStylable
+tags:
+  - API
+  - Reference
+  - SVG
+  - SVG DOM
+translation_of: Web/API/SVGStylable
+---
+<div>{{APIRef("SVG")}}</div>
+
+<h2 id="Interface_SVG_stylisable">Interface SVG stylisable</h2>
+
+<p>L'interface <code>SVGStylable</code> est implémentée sur tout les objets SVG pouvant avoir des attributs {{ SVGAttr("style") }}, {{SVGAttr("class")}} ou d'autre attributs modifiants leur présentation, leur affichage.</p>
+
+<h3 id="Aperçu_de_l'interface">Aperçu de l'interface</h3>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="row">Implémente aussi</th>
+   <td><em>/</em></td>
+  </tr>
+  <tr>
+   <th scope="row">Métodes</th>
+   <td>
+    <ul>
+     <li>{{ domxref("CSSValue") }} <code>getPresentationAttribute(in {{ domxref("DOMString") }} name)</code></li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th scope="row">Propriétés</th>
+   <td>
+    <ul>
+     <li>readonly {{ domxref("SVGAnimatedString") }} <code>className</code></li>
+     <li>readonly {{ domxref("CSSStyleDeclaration") }} <code>style</code></li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th scope="row">Norme</th>
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGStylable" title="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGStylable">SVG 1.1 (2e Édition)</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Propriétés">Propriétés</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th>Nom</th>
+   <th>Type</th>
+   <th>Description</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>className</code></td>
+   <td>{{ domxref("SVGAnimatedString") }}</td>
+   <td>Correspond à l'attribut {{ SVGAttr("class") }} de l'élément donné.</td>
+  </tr>
+  <tr>
+   <td><code>style</code></td>
+   <td>{{ domxref("CSSStyleDeclaration") }}</td>
+   <td>Correspond à l'attribut {{ SVGAttr("style") }} de l'élément donné.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Métodes">Métodes</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th>Nom &amp; Arguments</th>
+   <th>Retourne</th>
+   <th>Description</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code><strong>getPresentationAttribute</strong>(in {{ domxref("DOMString") }} <em>name</em>)</code></td>
+   <td>{{ domxref("CSSValue") }}</td>
+   <td>Retourne la valeur par défaut (ex: static) d'un attribut de présentation donné comme un objet de type {{ domxref("CSSValue") }}.<br>
+    The returned object is live; changes to the objects represent immediate changes to the objects to which the {{ domxref("CSSValue") }} is attached.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilité_entre_les_navigateurs">Compatibilité entre les navigateurs</h2>
+
+<div 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 à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div>
+
+<p>{{Compat("api.SVGStylable")}}</p>