cursor

Legt fest, wie sich der Mauszeiger verändert, wenn er über ein Objekt bewegt wird.

Syntax

{ cursor: sCursor }

Mögliche Werte

sCursor

Zeichenfolge, mit der einer oder mehrere der folgenden, durch Kommas getrennten Werte angegeben oder empfangen werden:

auto	Standard. Der Browser legt fest, welcher Zeiger auf Grundlage des aktuellen Kontexts angezeigt werden soll.
all-scroll	Nach oben, unten, links und rechts deutende Zeiger mit einem Punkt in der Mitte bedeuten, dass auf der Seite ein Bildlauf in jede Richtung durchgeführt werden kann.
col-resize	Nach links und rechts deutende Zeiger mit einem vertikalen Balken zwischen ihnen bedeuten, dass die Größe des Elements/der Spalte horizontal geändert werden kann.
crosshair	Einfaches Kreuz.
default	Plattformabhängiger Standardzeiger; in der Regel ein Pfeil.
hand	Hand mit nach oben deutendem Zeigefinger; erscheint z. B., wenn der Benutzer den Zeiger über einen Link bewegt.
help	Pfeil mit Fragezeichen; bedeutet, dass Hilfe abrufbar ist.
move	Gekreuzte Pfeile; bedeuten, dass etwas bewegt werden muss.
no-drop	Hand mit einem kleinen Kreis mit einer durchgehenden Linie; bedeutet, dass das gezogene Element nicht an der aktuellen Zeigerposition abgelegt werden kann.
not-allowed	Kreis mit einer durchgezogenen Linie; bedeutet, dass die angeforderte Aktion nicht durchgeführt wird.
pointer	Hand mit nach oben deutendem Zeigefinger; erscheint z. B., wenn der Benutzer den Zeiger über einen Link bewegt. Identisch mit hand.
progress	Pfeil mit Sanduhr; bedeutet, dass ein Prozess im Hintergrund abläuft. Die Interaktion des Benutzers mit der Seite ist nicht betroffen.
row-resize	Nach oben und unten deutende Zeiger mit einem horizontalen Balken zwischen ihnen bedeuten, dass die Größe des Elements/der Zeile vertikal geändert werden kann.
text	Bearbeitbarer Text; in der Regel ein vertikaler I-Balken.
url(uri)	Der Zeiger wurde vom Autor mithilfe eines benutzerdefinierten Uniform Ressource Identifier (URI) wie z. B. url('mycursor.cur') definiert. Zeiger des Typs .CUR und .ANI sind die einzig unterstützten Zeigertypen.
vertical-text	Bearbeitbarer vertikaler Text; angegeben durch einen horizontalen I-Balken.
wait	Sanduhr oder Uhr; gibt an, dass das Programm ausgelastet ist und der Benutzer warten muss.
*-resize	Pfeile, die angeben, dass ein Rand bewegt werden muss. Das Sternchen (*) kann n, ne, nw, s, se, sw, e oder w sein, wobei jedes Element eine Kompassrichtung darstellt.

Diese Eigenschaft hat den Standardwert auto. Sie wird vererbt.

Hinweise

Die Eigenschaft enthält eine Liste von durch Kommas voneinander getrennten Werten. Kann der Browser den ersten angegebenen Zeiger nicht finden oder nicht verwenden, springt er zum nächsten Zeiger in der kommagetrennten Liste und fährt fort, bis er einen verwendbaren Zeiger findet. Kann der Browser keinen der in der Liste angeführten Zeiger verwenden, ändert sich der Zeiger nicht.

Beispiele

Im folgenden Beispiel wird die cursor-Eigenschaft verwendet, um den Zeiger zu ändern, wenn er über ein Objekt geführt wird. In diesem Beispiel wird ein eingebettetes (globales) Stylesheet aufgerufen, um den Zeiger auf hand zu setzen, wenn der Zeiger über alle Absätze geführt wird:

<style>
    p {cursor: hand;}
</style>

In diesem Beispiel wird ein Inlineskript verwendet, um den Zeiger auf hand zu setzen, wenn der Zeiger über den Absatz geführt wird:

<p onmouseover="this.style.cursor='hand'">

Informationen zu Standards

Diese Eigenschaft ist unter Cascading Style Sheets (CSS), Level 2 (CSS2) (möglicherweise in englischer Sprache) definiert.

Gilt für

A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BODY, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FORM, HN, HR, HTML, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OBJECT, OL, P, RT, RUBY, S, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP