From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/css/user-select/index.html | 138 ++++++++++++++++++++++++++++++++ 1 file changed, 138 insertions(+) create mode 100644 files/es/web/css/user-select/index.html (limited to 'files/es/web/css/user-select') diff --git a/files/es/web/css/user-select/index.html b/files/es/web/css/user-select/index.html new file mode 100644 index 0000000000..0e597df92a --- /dev/null +++ b/files/es/web/css/user-select/index.html @@ -0,0 +1,138 @@ +--- +title: user-select +slug: Web/CSS/user-select +translation_of: Web/CSS/user-select +--- +
{{CSSRef}}
+ +

La propiedad CSS user-select controla si el usuario puede seleccionar el texto. Esto no tiene ningún efecto en el contenido cargado bajo {{Glossary("Chrome", "chrome")}}, excepto en cuadros de texto.

+ +
/* Valores de palabras clave */
+user-select: none;
+user-select: auto;
+user-select: text;
+user-select: contain;
+user-select: all;
+
+/* Varoles globales */
+user-select: inherit;
+user-select: initial;
+user-select: unset;
+
+/* Valores Mozilla-specific */
+-moz-user-select: none;
+-moz-user-select: text;
+-moz-user-select: all;
+
+/* Valores WebKit-specific */
+-webkit-user-select: none;
+-webkit-user-select: text;
+-webkit-user-select: all; /* No funciona el Safari; solo usa
+                             "none" or "text", o si no hará
+                             permitir escribir en el contenedor <html> */
+
+/* Valores Microsoft-specific */
+-ms-user-select: none;
+-ms-user-select: text;
+-ms-user-select: element;
+
+ +

{{cssinfo}}

+ +

Syntaxis

+ +
+
none
+
El texto y sus sub elementos no son seleccionables. Tenga en cuenta que el objeto {{domxref("Selection")}} puede contener estos elementos.
+
auto
+
El valor calculado auto se determina de la siguiente manera: En los pseudo elementos ::before y ::after, el valor calculado es none +
    +
  • Si el elemento es un elemento editable, el valor calculado es contain
    • +
  • De lo contrario, si el valor calculador de user-select en la matriz de este elemento es all, el valor calculado es all
    • +
  • De lo contrario, si el valor calulado de user-select  en la matriz de este elemento es  none, el valor calculado es none
    • +
  • De lo contrario, el valor calculado es text
    • +
+
+
text
+
El texto puede ser seleccionado por el usuario.
+
all
+
En el editor HTML, si  se realiza doble-click o click-contextual en el subelemento, se seleccionará el antecesor más alto de el valor.
+
contain
+
Permite que la selección comience dentro del elemento; sin embargo, la selección estará contenida por los límites de ese elemento.
+
element{{non-standard_inline}} (IE-specific alias)
+
Igual que contain. Solo lo soportado en Internet Explorer.
+
+ +
+

Nota: CSS UI 4 renombra user-select: a contain.

+
+ +

Formal syntax

+ +
{{csssyntax}}
+ +

Ejemplos

+ +

HTML

+ +
<p>Debería poder seleccionar este texto.</p>
+<p class="unselectable">No puedes seleccionar este texto</p>
+<p class="all">Al hacer clic una vez se seleccionará todo este texto.</p>
+
+ +

CSS

+ +
.unselectable {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.all {
+  -moz-user-select: all;
+  -webkit-user-select: all;
+  -ms-user-select: all;
+  user-select: all;
+}
+
+ +

Resultado

+ +

{{EmbedLiveSample("Examples")}}

+ +

Especificaciones

+ + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('CSS4 UI', '#propdef-user-select', 'user-select')}}{{Spec2('CSS4 UI')}}Initial definition. Also defines -webkit-user-select as a deprecated alias of user-select.
+ +

Compatibilidad con navegadores

+ +
+ + +

{{Compat("css.properties.user-select")}}

+
+ +

Véase también

+ + -- cgit v1.2.3-54-g00ecf