user-modify CSS property

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.

The user-modify property has no effect in Firefox. It was originally planned to determine whether or not the content of an element can be edited by a user.

Warning: This property has been replaced by the contenteditable attribute.

Syntax

css
/* Keyword values */
user-modify: read-only;
user-modify: read-write;
user-modify: write-only;

/* Global values */
user-modify: inherit;
user-modify: initial;
user-modify: revert;
user-modify: unset;

Values

This property is specified as one of the following keyword values:

read-only

Default value. Contents are read-only.

read-write

The user is able to read and write contents.

read-write-plaintext-only

Same as read-write, but rich text formatting will be lost.

write-only

The user is able to edit the content, but not to read it.

Formal syntax

user-modify = 
read-only |
read-write |
read-write-plaintext-only |
write-only

Examples

HTML

html
<div class="readwrite">The user is able to change this text.</div>

CSS

css
.readwrite {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
}

Specifications

Not part of any standard.

Browser compatibility

See also