Die Eigenschaft cursor legt das Erscheinungsbild
des Cursors fest, wenn er über ein Element bewegt wird.
Syntax
Selektor {
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.
|
|
Verschiedenes
| Wert |
Beschreibung |
Aussehen |
crosshair |
Aussehen in Form eines Fadenkreuzes.
|
|
cell |
Aussehen in Form eines Fadenkreuzes.
|
|
