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
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
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 50 -webkit | 1.0 (1.7 or earlier) -moz | No support | No support | 3.0 -webkit[1] |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Basic support | ? | ? | ? | ? | ? | ? | ? |
[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.