user-select CSS propriété

Définition de la CSS user-select.

La propriété CSS user-select permet de spécifier si l'élément HTML est sélectionnable.

Exemple de syntaxe CSS user-select :

user-select : none;
user-select : text;
user-select : all;

La propriété de feuille de style user-select CSS peut prendre la valeur de :

none : ne peut être sélectionné, n'est pas inclue dans le "copier/coller".
text : peut être sélectionné.
all : dans un éditeur HTML, si un double-clic ou un clic contextuel eu lieu dans les sous-éléments, le plus grand ancêtre de cette valeur sera sélectionnée.
element : permet de sélectionner pour commencer dans l'élément, mais la sélection est contenue par les limites de cet élément (j'ai pas très bien compris cette traduction).

La propriété CSS user-select ne contrôle que l'apparence de la sélection.

Exemple de code user-select CSS

Héritage des valeurs Css de user-select.

Les balises filles HTML ou XHTML héritent de la propriété CSS user-select.

Problème d'interprétation de user-select en Css.

La propriété de feuille de style user-select CSS n'est reconnue que par aucun navigateur.

Compatibilités navigateurs de la propriété user-select

Détails des versions de la CSS user-select: Propriété user-select css n'est pas compatible W3C; Propriété user-select est compatible avec CSS3 et plus.

Résumé du support navigateurs de la CSS user-select: Propriété CSS user-select est incompatible pour Chrome; Propriété CSS user-select est incompatible pour Firefox; Propriété CSS user-select est incompatible pour Internet Explorer; Propriété CSS user-select est incompatible pour Opera 1+; Propriété CSS user-select est incompatible pour Safari

Propriétés CSS préfixées de user-select

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété user-select CSS :

La propriété user-select CSS a été proposée au W3c mais pas été retenue, par conséquence chaque navigateur a sa propre propriété CSS.

Firefox utilise la propriété CSS -moz-user-select.
Safari 3+ utilise la propriété CSS -webkit-user-select ou -khtml-user-select pour la version 2.
Chrome 1+ utilise la propriété CSS -webkit-user-select.
Internet Explorer 10+ utilise la propriété CSS -ms-user-select.

Ce qui donne comme code CSS :

identifiant{
  -khtml-user-select : none;
  -webkit-user-select : none;
  -moz-user-select : -moz-none;
  -ms-user-select : none;
  user-select : none;
}

j'ai vu que certain mettent -o-user-select : none; pour Opera cependant, je n'ai trouvé aucune spécification sur le site d'Opera.

Votre avis sur la définition user-select en CSS

Votez pour la définition CSS `user-select`

Votes: 4.5 / 5 - 22 votes
Cliquez sur une étoile pour voter.