119 of 313 menu

Propiedad user-select - prohibición de selección de texto

La propiedad user-select controla el comportamiento de selección de texto y otros elementos en la página.

Sintaxis

selector { user-select: none | contain | all | auto | text; }

Valores

Valor Descripción
none El texto no se puede seleccionar.
contain La selección iniciada dentro del elemento no saldrá más allá de los límites de este elemento.
all Si se produce un doble clic en un elemento anidado, se seleccionará todo el contenido del elemento padre con este valor de propiedad.
auto Valor calculado, se determina automáticamente de la siguiente manera: para los pseudoelementos after y before el valor es none, para un elemento editable el valor es contain, si el elemento padre tiene el valor all o none - el elemento tendrá el mismo valor, de lo contrario el valor será text.
text El usuario puede seleccionar texto en el elemento.

Valor por defecto: text.

Nota

Algunos valores pueden no funcionar en todos los navegadores.

Ejemplo . Valor none

El siguiente texto no se puede seleccionar:

<div id="elem"> Lorem ipsum dolor sit amet. </div> #elem { user-select: none; }

:

Véase también

  • pseudoelemento selection,
    que controla los estilos del texto seleccionado
  • propiedad pointer-events,
    que elimina la reacción al ratón
rudeuzluzcpl