Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
Summary
The -moz-user-modify property determines whether or not the content of an element can be edited by a user. This property is related to the contenteditable attribute. A similar property user-focus was proposed in early drafts of a predecessor of the CSS3 UI specification but was rejected by the working group.
| Initial value | read-only |
|---|---|
| Applies to | all elements |
| Inherited | yes |
| Media | interactive |
| Computed value | as specified |
| Animatable | no |
| Canonical order | the unique non-ambiguous order defined by the formal grammar |
Syntax
/* Keyword values */
-moz-user-modify: read-only;
-moz-user-modify: read-write;
-moz-user-modify: write-only;
/* Global values */
-moz-user-modify: inherit;
-moz-user-modify: initial;
-moz-user-modify: unset;Values
- read-only
- Default value. Contents are read-only.
- read-write
- The user is able to read and write contents.
- write-only
- The user is able to edit the content, but not to read it.
Formal syntax
How to read CSS syntax.read-only | read-write | write-only
Example
CSS
.readwrite {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
}HTML
<div class="readwrite">The user is able to change this text.</div>Result
Specifications
user-modify in an early draft of the CSS 3 User Interface specification (Working Draft February 2000, now superseded by CSS 3 Basic User Interface)
Browser compatibility
[1] Also supported: -webkit-user-modify: read-write-plaintext-only (Richtext will be lost).
This property was called -khtml-user-modify in Safari 2.0.