user-modify CSS property
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.
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
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
/* 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;
The -moz-user-modify property is specified as one of the keyword values from the list below.
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
<div class="readwrite">The user is able to change this text.</div>
CSS
.readwrite {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
}
Specifications
Not part of any standard.
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
user-modify
|
|
|
|
|
|
|
|
|
|
|
|
|
read-write-plaintext-only
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- No support
- No support
- Non-standard. Check cross-browser support before using.
- Deprecated. Not for use in new websites.
- Requires a vendor prefix or different name for use.
- Has more compatibility info.