--- 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> {{csssyntax}} <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> {{Compat("css.properties.user-modify")}} <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>