aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/element/attachshadow/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/api/element/attachshadow/index.md')
-rw-r--r--files/fr/web/api/element/attachshadow/index.md81
1 files changed, 32 insertions, 49 deletions
diff --git a/files/fr/web/api/element/attachshadow/index.md b/files/fr/web/api/element/attachshadow/index.md
index cde6764b54..8d99934703 100644
--- a/files/fr/web/api/element/attachshadow/index.md
+++ b/files/fr/web/api/element/attachshadow/index.md
@@ -3,52 +3,35 @@ title: Element.attachShadow()
slug: Web/API/Element/attachShadow
translation_of: Web/API/Element/attachShadow
---
-<p>{{APIRef('Shadow DOM')}} {{SeeCompatTable}}</p>
-
-<p>La méthode <strong><code>Element.attachShadow()</code></strong> attache un arbre Shadow DOM à un élément spécifié et retourne une référence à son <a href="/en-US/docs/Web/API/ShadowRoot"><code>ShadowRoot</code></a>.</p>
-
-<h2 id="Syntax">Syntaxe</h2>
-
-<pre class="syntaxbox">var <em>shadowroot =</em><em> element</em>.attachShadow(<em>shadowRootInit</em>);
-</pre>
-
-<h3 id="Paramètres">Paramètres</h3>
-
-<dl>
- <dt><code>shadowRootInit</code></dt>
- <dd>Un dictionnaire <code>ShadowRootInit</code>, avec les propriétés suivantes :
- <ul>
- <li><code>mode </code>: une chaîne de caractères spécifiant le <em>mode d'encapsulation</em> de l'arbre du Shadow DOM, parmi les options suivantes :
- <ul>
- <li><code>open : </code>spécifie une encapsulation ouverte.</li>
- <li><code>closed</code> : spécifie une encapsulation fermée.</li>
- </ul>
- </li>
- </ul>
- </dd>
-</dl>
-
-<h3 id="Retour">Retour</h3>
-
-<p>Retourne un {{domxref("ShadowRoot")}}.</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Shadow DOM', '#widl-Element-attachShadow-ShadowRoot-ShadowRootInit-shadowRootInitDict', 'attachShadow()')}}</td>
- <td>{{Spec2('Shadow DOM')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p>{{Compat("api.Element.attachShadow")}}</p>
+{{APIRef('Shadow DOM')}} {{SeeCompatTable}}
+
+La méthode **`Element.attachShadow()`** attache un arbre Shadow DOM à un élément spécifié et retourne une référence à son [`ShadowRoot`](/en-US/docs/Web/API/ShadowRoot).
+
+## Syntaxe
+
+ var shadowroot = element.attachShadow(shadowRootInit);
+
+### Paramètres
+
+- `shadowRootInit`
+
+ - : Un dictionnaire `ShadowRootInit`, avec les propriétés suivantes :
+
+ - `mode `: une chaîne de caractères spécifiant le *mode d'encapsulation* de l'arbre du Shadow DOM, parmi les options suivantes :
+
+ - `open : `spécifie une encapsulation ouverte.
+ - `closed` : spécifie une encapsulation fermée.
+
+### Retour
+
+Retourne un {{domxref("ShadowRoot")}}.
+
+## Spécifications
+
+| Specification | Status | Comment |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------- |
+| {{SpecName('Shadow DOM', '#widl-Element-attachShadow-ShadowRoot-ShadowRootInit-shadowRootInitDict', 'attachShadow()')}} | {{Spec2('Shadow DOM')}} | Définition initiale. |
+
+## Browser compatibility
+
+{{Compat("api.Element.attachShadow")}}