diff options
Diffstat (limited to 'files/fr/web/api/htmlelement/contenteditable/index.md')
-rw-r--r-- | files/fr/web/api/htmlelement/contenteditable/index.md | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/files/fr/web/api/htmlelement/contenteditable/index.md b/files/fr/web/api/htmlelement/contenteditable/index.md new file mode 100644 index 0000000000..ceb68bb2f8 --- /dev/null +++ b/files/fr/web/api/htmlelement/contenteditable/index.md @@ -0,0 +1,63 @@ +--- +title: HTMLElement.contentEditable +slug: Web/API/HTMLElement/contentEditable +tags: + - API + - HTML DOM + - HTMLElement + - Référence(2) + - contenteditable +translation_of: Web/API/HTMLElement/contentEditable +--- +<div> +<div>{{APIRef("HTML DOM")}}</div> +</div> + +<p><code>La propriété </code><strong><code>HTMLElement.contentEditable</code></strong> est utilisée pour indiquer si un élément HTML est ou non éditable. Cet attribut peut avoir 3 valeurs :</p> + +<ul> + <li><code>"true"</code> <em>(vrai)</em> indique que l'élément est éditable.</li> + <li><code>"false"</code> <em>(faux)</em> indique que l'élément ne sera pas éditable.</li> + <li><code>"inherit"</code> <em>(hérité)</em> indique que l'élément héritera de l'état editable de son parent.</li> +</ul> + +<p>Vous pouvez utiliser la propriété {{domxref("HTMLElement.isContentEditable")}} pour tester la valeur de la propriété {{domxref("Boolean")}}.</p> + +<h2 id="Syntaxe">Syntaxe</h2> + +<pre class="syntaxbox"><em>editable</em> = element.contentEditable +element.contentEditable = "true" +</pre> + +<h2 id="Spécifications">Spécifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'interaction.html#contenteditable', 'contenteditable')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Definition initiale</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.HTMLElement.contentEditable")}}</p> + +<p>Dans Internet Explorer, le <code>contentable</code> ne peut pas être appliqué aux {{htmlelement("table")}}, {{htmlelement("col")}}, {{htmlelement("colgroup")}}, {{htmlelement("tbody")}}, {{htmlelement("td")}}, {{htmlelement("tfoot")}}, {{htmlelement("th")}}, {{htmlelement("thead")}} et {{htmlelement("tr")}} directement. Un élément {{htmlelement("span")}} ou {{htmlelement("div")}} modifiable au niveau du contenu peut être placé à l'intérieur de chaque cellule du tableau.</p> + +<h2 id="Voir_aussi">Voir aussi</h2> + +<ul> + <li> <a href="/fr/docs/Web/HTML/Contenu_editable">Contenu editable</a></li> + <li>{{domxref("HTMLElement.isContentEditable")}}</li> + <li>L'attribut global <a href="/fr/docs/Web/HTML/Attributs_universels/contenteditable">contenteditable</a> .</li> +</ul> |