Hier bist Du: Home « User Interface « cursor

Cursor (Mauszeiger): cursor

Beispiel

Legt für Elemente das Aussehen des Mauszeigers fest. Sobald die Maus über so ein Element fährt, verändert der Browser den Zeiger wie angegeben.

Code-Beispiel für cursor:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  <title>cursor</title>
  </head>
  <body>
<p style="cursor:crosshair;">Mauszeiger: Fadenkreuz</p>;
<p style="cursor:url(Grafik.gif), url(Grafik.ani), url(Grafik.cur), auto;">Mehrere Formate bei Grafiken (Fallback)</p> </body> </html>
Initialwert:auto
Vererbbar:Ja
Anwendbar auf:Alle Elemente
Medium:Visual
Werte:
auto
Mauszeiger wird automatisch vom System eingestellt
default
Standard-Mauszeiger (Plattformunabhängig)
crosshair
Fadenkreuz
pointer
Hand
move
Mauszeiger, der anzeigt, dass ein Objekt bewegt werden kann.
n-resize
Pfeil nach oben (n=North)
ne-resize
Pfeil nach rechts oben (ne=Northeast)
e-resize
Pfeil nach rechts (e=East)
se-resize
Pfeil nach rechts unten (se=Southeast)
s-resize
Pfeil nach unten (s=South)
sw-resize
Pfeil nach links unten (sw=Southwest)
w-resize
Pfeil nach links (w=West)
nw-resize
Pfeil nach links oben (nw=Northwest)
text
Textcursor
wait
Mauszeiger in Form eines Symbols, das einen Wartezustand signalisiert.
help
Mauszeiger in Form Symbols, das Hilfe zu dem Element signalisiert.
url()
Beliebiger Mauszeiger, [Datei] sollte eine GIF- oder JPG-Grafik sein
Inherit

Anmerkung: url() wird von verschiedenen Browsern unterschiedlich unterstützt, es empfiehlt sich, mehrere verschiedene Formate (mit Komma getrennt, siehe Beispiel) gleichzeitig anzubieten.

Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
4/5/6/7 MAC 5+ 5/6 7/8/9 4 6 7+ 1+ 1.5+ 1.2+ 3.3+
Systemcursor (siehe "Werte") j j n j n j j j j j j
url(gif/jpeg) n n n n n n j j j j n
url(ico) j   n n n n   j j j  
url(ani) j n n n n n n n n n n
url(cur) n n n n n n j j j j n
url(mehrere Formate gleichzeitig) j n n n n n j j j j n