CSS gebruiker-selecteer Eigenschap
Voorbeeld
Tekstselectie van een <div>-element voorkomen:
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
Definitie en gebruik
De user-select
eigenschap geeft aan of de tekst van een element kan worden geselecteerd.
Als u in webbrowsers dubbelklikt op tekst, wordt deze geselecteerd/gemarkeerd. Deze eigenschap kan worden gebruikt om dit te voorkomen.
Standaardwaarde: | auto |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.userSelect="geen" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door -webkit- of -moz- specificeren de eerste versie die met een prefix werkte.
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- |
CSS-syntaxis
user-select: auto|none|text|all;
Eigendomswaarden
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 |
Gerelateerde pagina's
HTML DOM-referentie: userSelect property