---
title: HTMLElement.contentEditable
slug: Web/API/HTMLElement/contentEditable
translation_of: Web/API/HTMLElement/contentEditable
---
<div>
<div>{{ APIRef("HTML DOM") }}</div>
</div>

<p>Свойство <strong><code>HTMLElement.contentEditable</code></strong> элемента - признак, указывающий можно или нет редактировать содержимое элемента. Свойство может принимать следующие значения:</p>

<ul>
 <li><code>true или пустая строка - содержимое элемента доступно для редактирования</code>.</li>
 <li><code>false</code> - содержимое элемента не доступно для редактирования.</li>
 <li><code>inherit</code> - наследуется значение данного свойства от родительского элемента.</li>
</ul>

<p>Вы можете использовать свойство {{domxref("HTMLElement.isContentEditable")}}, чтобы проверить {{domxref("Boolean")}} значение этого свойства.</p>

<h2 id="Syntax">Синтаксис</h2>

<pre class="syntaxbox"><em>editable</em> = element.contentEditable
element.contentEditable = "true"
</pre>

<h2 id="Specifications">Спецификации</h2>

{{Specifications}}

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>{{Compat}}</p>

<p>In Internet Explorer, <code>contenteditable</code> cannot be applied to the
    {{htmlelement("table")}}, {{htmlelement("col")}}, {{htmlelement("colgroup")}},
    {{htmlelement("tbody")}}, {{htmlelement("td")}}, {{htmlelement("tfoot")}},
    {{htmlelement("th")}}, {{htmlelement("thead")}}, and {{htmlelement("tr")}} elements
    directly. A content editable {{htmlelement("span")}} or {{htmlelement("div")}} element
    can be placed inside the individual table cells.</p>
  
<h2 id="See_also">See also</h2>

<ul>
 <li>{{domxref("HTMLElement.isContentEditable")}}</li>
 <li>The <a href="/en-US/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a> global attribute.</li>
 <li><a href="https://medium.com/medium-eng/why-contenteditable-is-terrible-122d8a40e480">Why ContentEditable is Terrible, Or: How the Medium Editor Works</a></li>
</ul>