Propriété CSS user-select
Exemple
Empêcher la sélection de texte d'un élément <div> :
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
Définition et utilisation
La user-select
propriété spécifie si le texte d'un élément peut être sélectionné.
Dans les navigateurs Web, si vous double-cliquez sur un texte, il sera sélectionné/mis en surbrillance. Cette propriété peut être utilisée pour éviter cela.
Valeur par défaut: | auto |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.userSelect="aucun" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de -webkit- ou -moz- spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
user-select | 54.0 6.0 -webkit- |
79.0 10.0 -ms- |
69.0 2.0 -moz- |
3.1 -webkit- | 41.0 15.0 -webkit- |
Syntaxe CSS
user-select: auto|none|text|all;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
auto | Default. Text can be selected if the browser allows it | |
none | Prevent text selection | |
text | The text can be selected by the user | |
all | Text selection is made with one click instead of a double-click |
Pages connexes
Référence HTML DOM : propriété userSelect