CSS cursor-Eigenschaft

Definition und Verwendung

Die cursor-Eigenschaft legt die Art des anzuzeigenden Cursors fest (Form).

Diese Eigenschaft definiert die Cursorform, die verwendet wird, wenn der Mauszeiger in einem Bereich der Elementgrenze platziert ist (allerdings definiert CSS2.1 nicht, von welcher Grenze dieser Bereich bestimmt wird).

Siehe auch:

CSS-Tutorial:CSS-Positionierung

HTML DOM Referenzhandbuch:cursor-Eigenschaft

Beispiel

Einige verschiedene Zeiger:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

Versuchen Sie es selbst

CSS-Syntax

cursor: value;

Eigenschaftswert

Wert Beschreibung
url

URL des benutzerdefinierten Symbols, das verwendet werden soll.

Anmerkung:Definieren Sie immer eine Standardsymbole am Ende dieser Liste, falls kein durch URL definiertes Symbol verfügbar ist.
default Standard-Zeiger (normalerweise ein Pfeil).
auto Standard. Der vom Browser festgelegte Zeiger.
crosshair Der Zeiger wird als Kreuz displayed.
pointer Der Zeiger wird als Zeiger für Links dargestellt (eine Hand).
move Dieser Zeiger deutet darauf hin, dass ein Objekt verschoben werden kann.
e-resize Dieser Zeiger deutet darauf hin, dass die Kante des Rechtecks nach rechts verschoben werden kann (östlich).
ne-resize Dieser Zeiger deutet darauf hin, dass die Kante des Rechtecks nach oben und nach rechts verschoben werden kann (nördlich/östlich).
nw-resize Dieser Zeiger deutet darauf hin, dass die Kante des Rechtecks nach oben und nach links verschoben werden kann (nördlich/westlich).
n-resize Dieser Zeiger deutet darauf hin, dass die Kante des Rechtecks nach oben (nördlich) verschoben werden kann.
se-resize Dieser Zeiger deutet darauf hin, dass die Kante des Rechtecks nach unten und nach rechts verschoben werden kann (südlich/östlich).
sw-resize Dieser Zeiger deutet darauf hin, dass die Kante des Rechtecks nach unten und nach links verschoben werden kann (südlich/westlich).
s-resize Dieser Zeiger deutet darauf hin, dass die Kante des Rechtecks nach unten verschoben werden kann (südllich).
w-resize Dieser Zeiger deutet darauf hin, dass die Kante des Rechtecks nach links verschoben werden kann (westlich).
text Dieser Zeiger deutet auf Text hin.
wait Dieser Zeiger deutet darauf hin, dass das Programm beschäftigt ist (normalerweise ein Teller oder ein Sanduhr).
help Dieser Zeiger deutet auf verfügbare Hilfe hin (normalerweise ein Fragezeichen oder ein Ballon).

Technische Details

Standardwert: auto
Vererbbarkeit: ja
Version: CSS2
JavaScript-Syntax: object.style.cursor="crosshair"

TIY-Beispiel

Zeiger ändern
Dieses Beispiel zeigt, wie man den Zeiger ändert.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

Anmerkung:Opera 9.3 und Safari 3 unterstützen dies nicht url Wert.