cursor | NN 6 IE 4 CSS 2
| Vererbt: Ja
Legt die Form des Cursors fest, wenn sich dieser über dem Element befindet. Das genaue Erscheinungsbild des Cursors hängt vom Betriebssystem ab. Bevor Sie einen modifizierten Cursor verwenden, sollten Sie die Funktionen der verschiedenen Cursortypen im Browser und im Betriebssystem genau kennen. Benutzer erwarten, dass ein bestimmtes Cursordesign in verschiedenen Anwendungen die gleiche Bedeutung hat. In Abbildung 11-3 sind die Cursor für die einzelnen Cursor-Konstanteneinstellungen in Internet Explorer für Windows dargestellt.
CSS-Syntax
    cursor: cursorType || uri
Wert
Ein Cursortyp ist einer der implementierten Cursornamen. Aus der folgenden Tabelle geht hervor, welche Cursortypen von den verschiedenen Browsern und dem CSS-Standard unterstützt werden. In IE 6 für Windows sind herunterladbare Cursor implementiert. Die IE 6-Einstellung für eine externe URL erfordert die Adresse einer Cursordatei mit der Erweiterung .cur oder .ani (die Sie mit einem Grafikprogramm erstellen, das Windows-Cursor unterstützt).
Cursorname | IE/Windows | IE/Mac | NN | CSS
--- | --- | --- | --- | ---
alias | -- | -- | 6 | --
all-scroll | 6 | -- | -- | --
auto | 4 | 4 | 6 | 2
cell | -- | -- | 6 | --
col-resize | 6 | -- | -- | --
context-menu | -- | -- | 6 | --
copy | -- | -- | 6 | --
count-down | -- | -- | 6 | --
count-up | -- | -- | 6 | --
count-up-down | -- | -- | 6 | --
crosshair | 4 | 4 | 6 | 2
default | 4 | 4 | 6 | 2
e-resize | 4 | 4 | 6 | 2
grab | -- | -- | 6 | --
grabbing | -- | -- | 6 | --
hand | 4 | 4 | -- | --
help | 4 | 4 | 6 | 2
move | 4 | 4 | 6 | 2
n-resize | 4 | 4 | 6 | 2
ne-resize | 4 | 4 | 6 | 2
no-drop | 6 | -- | -- | --
not-allowed | 6 | -- | -- | --
nw-resize | 4 | 4 | 6 | 2
pointer | 4 | 4 | 6 | 2
progress | 6 | -- | -- | --
row-resize | 6 | -- | -- | --
s-resize | 4 | 4 | 6 | 2
se-resize | 4 | 4 | 6 | 2
spinning | -- | -- | 6 | --
sw-resize | 4 | 4 | 6 | 2
text | 4 | 4 | 6 | 2
url(uri) | 6 | -- | -- | 2
vertical-text | 6 | -- | -- | --
w-resize | 4 | 4 | 6 | 2
wait | 4 | 4 | 6 | 2
Anfangswert
auto
Beispiel
    a.helpLink {cursor: help}
Gilt für
Alle Elemente.