Style Cursor-Attribut

Definition und Verwendung

cursor Eigenschaftssetzung oder Rückgabe des Cursor-Typs, der für den Mauszeiger angezeigt wird.

Weitere Informationen siehe:

CSS-Referenzhandbuch:Cursor-Attribut

Beispiel

Beispiel 1

Ändern Sie den Cursor:

document.getElementById("myP").style.cursor = "pointer";

Probieren Sie es selbst aus

Beispiel 2

Zeige alle verfügbaren Cursor an:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

Probieren Sie es selbst aus

Beispiel 3

Rückgabe des Cursor-Typs:

alert(document.getElementById("myP").style.cursor);

Probieren Sie es selbst aus

Syntax

Rückgabe des Cursor-Attributs:

Objekt.style.cursor

Setzen Sie das Cursor-Attribut:

Objekt.style.cursor = value

Eigenschaftswert

Wert Beschreibung
alias 光标指示要创建某事物的别名。
光标指示要创建某事物的别名。 Der Cursor zeigt an, dass in alle Richtungen gescrollt werden kann.
auto all-scroll
Standard. Der Cursor wird durch den Browser festgelegt. cell
Der Cursor zeigt an, dass eine Zelle (oder eine Gruppe von Zellen) ausgewählt werden kann. context-menu
Der Cursor zeigt an, dass ein Kontextmenü verfügbar ist. col-resize
Der Cursor zeigt an, dass die Spaltengröße horizontal angepasst werden kann. copy
Der Cursor zeigt auf den zu kopierenden Inhalt. crosshair
Der Cursor wird als Zielscheibe dargestellt. default
Standardmauszeiger. e-resize
ew-resize Der Cursor zeigt auf einen bidirektionalen Größenveränderungscursor.
help Der Cursor zeigt an, dass Hilfe verfügbar ist.
move Der Cursor zeigt an, dass etwas verschoben werden soll.
n-resize Der Cursor zeigt an, dass der Rand des Rahmens nach oben verschoben werden soll (nördlich).
ne-resize Der Cursor zeigt an, dass der Rand des Rahmens nach oben und rechts verschoben werden soll (nördlich/östlich).
nesw-resize Der Cursor zeigt auf einen bidirektionalen Größenveränderungscursor.
ns-resize Der Cursor zeigt auf einen bidirektionalen Größenveränderungscursor.
nw-resize Der Cursor zeigt an, dass der Rand des Rahmens nach oben und links (nördlich/westlich) verschoben werden soll.
nwse-resize Der Cursor zeigt auf einen bidirektionalen Größenveränderungscursor.
no-drop Der Cursor zeigt an, dass Drag-and-Drop-Objekte hier nicht abgelegt werden können.
none Für das Element wird kein Cursor dargestellt.
not-allowed Der Cursor zeigt an, dass die angeforderte Aktion nicht ausgeführt wird.
pointer Der Cursor ist ein Zeiger, der auf Links verweist.
progress Der Cursor zeigt an, dass das Programm beschäftigt ist (läuft).
row-resize Der Cursor zeigt an, dass eine Zeile vertikal angepasst werden kann.
s-resize Der Cursor zeigt an, dass der Rand des Rahmens nach unten (südlich) verschoben werden soll.
se-resize Der Cursor zeigt an, dass der Rand des Rahmens nach unten und rechts (südlich/östlich) verschoben werden soll.
sw-resize Der Cursor zeigt an, dass der Rand des Rahmens nach unten und links (südlich/westlich) verschoben werden soll.
text Der Cursor zeigt an, dass Text ausgewählt werden kann.
URL

Komma-getrennte Liste der URLs für benutzerdefinierte Cursor.

Anmerkung:Geben Sie immer den allgemeinen Cursor am Ende der Liste an, falls kein Cursor mit URL definiert ist, der verwendet werden kann.
vertical-text Der Cursor zeigt an, dass vertikale Textzeilen ausgewählt werden können.
w-resize Der Cursor zeigt an, dass der Rand des Rahmens nach links (westlich) verschoben werden soll.
wait Der Cursor zeigt an, dass das Programm beschäftigt ist.
zoom-in Der Cursor zeigt an, dass etwas vergrößert werden kann.
zoom-out Der Cursor zeigt an, dass etwas vergrößert werden kann.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: auto
Rückgabewert: Zeichenkette, die angibt, welche Mauszeigeranzeige angezeigt wird, wenn der Cursor über einem Element positioniert ist.
CSS-Version: CSS2

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung