Die Eigenschaft cursor legt das Erscheinungsbild
des Cursors fest, wenn er über ein Element bewegt wird.
Syntax
cssSelektor {
cursor: Wert;
}
Hinweis
Die Eigenschaft hat sehr viele Werte. Im Folgenden
habe ich diese Werte gruppiert, um die Orientierung
zu erleichtern. Das Erscheinungsbild des Cursors unterscheidet sich
in verschiedenen Browsern, daher habe ich keine Fotos
der Cursors gemacht, sondern in den Tabellen mit den Werten
eine spezielle Spalte hinzugefügt. Wenn Sie die Maus
über eine Zelle in dieser Spalte bewegen, können Sie
das Aussehen des beschriebenen Cursors sehen.
Werte
Wert
Beschreibung
Aussehen
default
Standardaussehen in Form eines Pfeils.
pointer
Wird verwendet, um anzuzeigen, dass ein Element
aktiv ist und angeklickt werden kann
(standardmäßig für Links).
help
Wird verwendet, um anzuzeigen, dass mit dem Element
Hilfe oder eine Frage verbunden ist.
not-allowed
Wird verwendet, um die Unzulässigkeit eines Vorgangs anzuzeigen.
Text
Wert
Beschreibung
Aussehen
text
Standardtextcursor in Form eines vertikalen Strichs.
vertical-text
Textcursor für vertikalen Text.
Warten
Wert
Beschreibung
Aussehen
progress
Wird verwendet, um anzuzeigen, dass ein
Vorgang stattfindet und der Benutzer warten muss.
wait
Wird verwendet, um anzuzeigen, dass der Benutzer
warten muss.
Cursor bei Größenänderungen
Bei der Größenänderung eines Elements wird der Wert
der Eigenschaft wie folgt gebildet: das Wort resize,
und davor, getrennt durch einen Bindestrich, ein oder
mehrere Buchstaben, z.B.: n-resize oder ne-resize.
Diese Buchstaben sind die ersten Buchstaben der
Himmelsrichtungen: North - Norden, South - Süden, East - Osten,
West - Westen. In diesem Fall werden die
Konventionen verwendet, die für Geländekarten üblich sind:
oben Norden, unten Süden, links Westen, rechts
Osten. Das ist natürlich verwirrend, aber man muss es
so verwenden, wie es sich etabliert hat:)
Also, hier sind die Werte:
Wert
Richtung
Himmelsrichtung
Aussehen
n-resize
nach oben
North (Norden)
ne-resize
nach rechts oben
North East (Nordost)
e-resize
nach rechts
East (Osten)
se-resize
nach rechts unten
South East (Südost)
s-resize
nach unten
South (Süden)
sw-resize
nach links unten
South West (Südwest)
w-resize
nach links
West (Westen)
nw-resize
nach links oben
North West (Nordwest)
nesw-resize
nach rechts oben und links unten
North East - South West (Nordost - Südwest)
nwse-resize
nach links oben und rechts unten
North West - South East (Nordwest - Südost)
Größenänderung von zwei Elementen
Wert
Beschreibung
Aussehen
col-resize
Änderung in horizontaler Richtung.
row-resize
Änderung in vertikaler Richtung.
Zoom
Wert
Beschreibung
Aussehen
zoom-in
Vergrößern.
zoom-out
Verkleinern.
Bewegung
Wert
Beschreibung
Aussehen
move
Wird verwendet, um anzuzeigen, dass ein Element
verschoben werden kann, oder während des Verschiebens.
all-scroll
Wird verwendet, um anzuzeigen, dass ein Element
mit der Maus in alle Richtungen gescrollt werden kann.