contenteditable 전역 특성은 사용자가 요소를 편집할 수 있는지 나타내는 열거형 특성입니다.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
가능한 값은 다음과 같습니다.
true또는 빈 문자열은 요소가 편집 가능함을 나타냅니다.false는 요소가 편집 불가능함을 나타냅니다.
값 없이, <label contenteditable>예제</label>처럼 사용할 경우 빈 문자열 값으로 간주합니다.
특성이 없거나, 갑이 유효하지 않은 경우 부모 요소로부터 상속합니다. 즉, 부모 요소를 편집 가능한 경우 자신도 편집 가능합니다.
가능한 값에 true와 false가 있긴 하지만, contenteditable 특성은 불리언 특성이 아닌 열거형 특성입니다.
텍스트 삽입 시 표시되는 커서의 색은 CSS caret-color 특성으로 바꿀 수 있습니다.
명세
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'contenteditable' in that specification. |
Living Standard | No change from latest snapshot, HTML 5.1 |
| HTML 5.2 The definition of 'contenteditable' in that specification. |
Recommendation | Snapshot of HTML Living Standard, no change from HTML 5.1 |
| HTML 5.1 The definition of 'contenteditable' in that specification. |
Recommendation | Snapshot of HTML Living Standard, no change from HTML5 |
| HTML5 The definition of 'contenteditable' in that specification. |
Recommendation | Snapshot of HTML Living Standard, initial definition. |
브라우저 호환성
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
contenteditable | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 3 | IE Full support 5.5 | Opera Full support 9 | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
contenteditable="caret" | Chrome Full support Yes | Edge Full support ≤79 | Firefox No support No | IE No support No | Opera Full support Yes | Safari No support No | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android No support No | Opera Android Full support Yes | Safari iOS No support No | Samsung Internet Android Full support Yes |
contenteditable="events" | Chrome Full support Yes | Edge Full support ≤79 | Firefox No support No | IE No support No | Opera Full support Yes | Safari No support No | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android No support No | Opera Android Full support Yes | Safari iOS No support No | Samsung Internet Android Full support Yes |
contenteditable="plaintext-only" | Chrome Full support Yes | Edge Full support ≤79 | Firefox No support No | IE No support No | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android No support No | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
contenteditable="typing" | Chrome Full support Yes | Edge Full support ≤79 | Firefox No support No | IE No support No | Opera Full support Yes | Safari No support No | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android No support No | Opera Android Full support Yes | Safari iOS No support No | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.