CSS/Eigenschaften/user-select

Browserunterstützung
caniuse.com

Die Eigenschaft user-select legt fest, ob Nutzer Inhalte mit der Maus auswählen dürfen.

Erlaubte Werte

• none: nicht auswählbar
• auto: Der verwendete Wert von auto wird wie folgt bestimmt:
  • Bei den ::before und ::after Pseudoelementen ist der verwendete Wert none
  • Wenn der verwendete Wert von user-select auf dem übergeordneten Element dieses Elements none ist, ist der verwendete Wert none
  • Andernfalls, wenn der verwendete Wert von user-select auf dem übergeordneten Element dieses Elements all ist, ist der verwendete Wert all
  • Andernfalls ist der verwendete Wert text
• text: der selektierte Text wird kopiert
• all: der gesamte Inhalt - auch der der Kindelemente - wird kopiert.

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

nein

Beispiel

body { 
  -webkit-user-select: all;
  user-select: all; 
}
.mw-highlight .lineno {
  -webkit-user-select: none;
  user-select: none;
}

Wenn etwas auf der Seite selektiert wird, wird der gesamte Inhalt des body mitkopiert.
In Code-Snippets gibt es oft Zeilennummern zur besseren Übersicht. Wenn ein Snippet ausgewählt wird, werden die Zeilennummern mit der Klasse .lineno nicht mitkopiert.

Siehe auch

• Benutzeroberfläche#user-select

Weblinks

• Spezifikation (W3C): user-select
• MDN: user-select
• Details: caniuse.com