blob: 33a9387f1518ce40d8445315b4d2af1864303515 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
---
title: '-moz-user-modify'
slug: Web/CSS/user-modify
tags:
- CSS
- No estándar(2)
- Referencia CSS
translation_of: Web/CSS/user-modify
original_slug: Web/CSS/-moz-user-modify
---
<div>{{Non-standard_header}}{{CSSRef}}</div>
<h2 id="Resumen">Resumen</h2>
<p>La propiedad <code>-moz-user-modify</code> determina si el contenido de un elemento puede ser editado por el usuario. Se relaciona con el atributo {{htmlattrxref("contenteditable")}} . <code>user-focus</code> , que es una propiedad similar, fue propuesta como parte de los <a class="external" href="http://www.w3.org/TR/2000/WD-css3-userint-20000216">borradores iniciales de un predecesor de la especificación CSS3 UI</a> ,pero fue rechazada por el grupo de trabajo.</p>
<p>{{cssinfo}}</p>
<h2 id="Síntaxis">Síntaxis</h2>
<pre class="brush:css">/* Palabras clave valor */
-moz-user-modify: read-only;
-moz-user-modify: read-write;
-moz-user-modify: write-only;
/* Valores globales */
-moz-user-modify: inherit;
-moz-user-modify: initial;
-moz-user-modify: unset;
</pre>
<h3 id="Valores">Valores</h3>
<dl>
<dt>read-only</dt>
<dd>Valor por defecto. El contenido sólo se puede leer.</dd>
<dt>read-write</dt>
<dd>El usuario puede leer y escribir contenidos.</dd>
<dt>write-only</dt>
<dd>El usuario puede editar el contenido pero no leerlo.</dd>
</dl>
<h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
<pre class="syntaxbox">{{csssyntax}}</pre>
<h2 id="Ejemplo">Ejemplo</h2>
<h3 id="CSS">CSS</h3>
<pre class="brush:css">.readwrite {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
}
</pre>
<h3 id="HTML">HTML</h3>
<pre class="brush:html"><div class="readwrite">El usuario puede cambiar este texto.</div>
</pre>
<h3 id="Result">Result</h3>
<p>{{EmbedLiveSample("Example", 300, 30)}}</p>
<h2 id="Especificaciones">Especificaciones</h2>
<p><code>user-modify</code> en <a class="external" href="http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-modify" lang="en">una versión inicial de la especificación CSS 3 UI</a> (Borrador de trabajo Febrero del 2000, Working Draft February 2000 que ya ha sido reeemplazado por <em>CSS 3 UI</em>)</p>
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
<div>{{CompatibilityTable}}</div>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>Soporte básico</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatGeckoDesktop("1.0")}} {{property_prefix("-moz")}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>3.0 {{property_prefix("-webkit")}}<sup>[1]</sup></td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Android</th>
<th>Android Webview</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
<th>Chrome for Android</th>
</tr>
<tr>
<td>Soporte básico</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<p>[1] También soporta: <code>-webkit-user-modify: read-write-plaintext-only</code> (Se perderá el texto enriquecido).<br>
Esta propiedad se llamó <code>-khtml-user-modify</code> en Safari 2.0.</p>
<h2 id="Ver_además">Ver además</h2>
<ul>
<li>{{cssxref("-moz-user-focus")}}</li>
<li>{{cssxref("-moz-user-input")}}</li>
<li>{{cssxref("-moz-user-select")}}</li>
</ul>
|
