contenteditable グローバル属性は、ユーザーによる要素の編集が可能かを示す列挙型属性です。可能である場合、ブラウザーは要素のウィジェットを編集可能なものに変更します。この属性では、以下の値のひとつを使用しなければなりません:
trueまたは 空文字列: 要素が編集可能であることを示すfalse: 要素は編集不可であることを示す
この属性を設定しなかった場合の既定値は、親要素から継承された値です。
この属性は列挙型であり、論理型ではありません。これは値 true、false または空文字列のいずれかを明示的に使用することが必須であり、 <label contenteditable>Example Label</label> といった省略形は認められないということです。正しい使用法は <label contenteditable="true">Example Label</label> です。
キャレットの挿入文字列を描画するのに使用される色は、 caret-color プロパティで設定できます。
仕様書
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| HTML Living Standard contenteditable の定義 |
現行の標準 | 最新のスナップショットである HTML 5.1 から変更なし。 |
| HTML 5.1 contenteditable の定義 |
勧告 | HTML Living Standard のスナップショットであり、HTML5 から変更なし。 |
| HTML5 contenteditable の定義 |
勧告 | HTML Living Standard のスナップショット、初回定義。 |
ブラウザー実装状況
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | (有) | 3.0 (1.9) | (有) | (有) | (有) |
| 機能 | Android Webview | Android 版 Chrome | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | 1.0 (1.9) | (有) | (有) | (有) |
関連情報
- コンテンツを編集可能にする
- すべてのグローバル属性
HTMLElement.contentEditableおよびHTMLElement.isContentEditable- CSS の
caret-colorプロパティ