We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

contenteditable グローバル属性は、ユーザーによる要素の編集が可能かを示す列挙型属性です。可能である場合、ブラウザーは要素のウィジェットを編集可能なものに変更します。この属性では、以下の値のひとつを使用しなければなりません:

  • true または 空文字列: 要素が編集可能であることを示す
  • false: 要素は編集不可であることを示す

この属性を設定しなかった場合の既定値は、親要素から継承された値です。

この属性は列挙型であり、論理型ではありません。これは値 truefalse または空文字列のいずれかを明示的に使用することが必須であり、 <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) (有) (有) (有)

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yyss
最終更新者: mfuji09,