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.