前端基础入门（13）contenteditable 属性 - 好文

此属性规定元素是否可编辑（HTML5新增）。

如果元素未设置contenteditable属性，那么元素会从其父元素继承该属性。

语法结构:

<``element contenteditable``=``"true|false|inherit"``>

参数解析:

（1）.true:表示元素可以编辑。

（2）.false:表示元素不可编辑。

（3）.inherit:表示从父元素继承，默认值。

浏览器支持:

（1）.IE9+浏览器支持此属性。

（2）.谷歌浏览器支持此属性。

（3）.火狐浏览器支持此属性。

（4）.opera浏览器支持此属性。

（5）.safria浏览器支持此属性。

代码实例:

<!doctype html>

<``html``>

<``head``>

<``meta charset``=``"utf-8"``>

<``meta name``=``"author"
content``=``"[http://www.softdewhy.com/](http://www.softdewhy.com/)" />

<``title``>兴趣部落</``title``>

<``style``>

.ant {

width:100px;

height:100px;

background-color:#ccc;

}

</``style``>

</``head``>

<``body``>

<``div class``=``"ant" contenteditable``=``"true"``></``div``>

</``body``>

</``html``>

最后，给大家推荐一个前端学习进阶内推交流群685910553（前端资料分享 <https://jq.qq.com/?_wv=1027&k=5LhH9Ed>
），不管你在地球哪个方位，
不管你参加工作几年都欢迎你的入驻！（群内会定期免费提供一些群主收藏的免费学习书籍资料以及整理好的面试题和答案文档！）

如果您对这个文章有任何异议，那么请在文章评论处写上你的评论。

如果您觉得这个文章有意思，那么请分享并转发，或者也可以关注一下表示您对我们文章的认可与鼓励。

愿大家都能在编程这条路，越走越远。

热门工具换一换